Added label for forms

frontend/src/app/users/[usersId]/page.jsx

@@ -50,6 +50,8 @@ const ViewUserPage = () => {
                 {/* Input fields */}
                 <form className={editUserStyle.fields}>
                   {/* Role and Dropdown */}
+                  <div className={editUserStyle.roleField}>
+                    <p>Role</p>
                     <SelectField
                       label="Select Role"
                       options={[
@@ -58,6 +60,7 @@ const ViewUserPage = () => {
                         { label: "Option 2", value: "Option 2" },
                       ]}
                     />
+                  </div>
                   {/* Email */}
                   <div className={editUserStyle.inputMainContainer}>
                     <div className={editUserStyle.inputContainer}>

frontend/src/app/users/[usersId]/styles.module.css

@@ -99,7 +99,13 @@
   font-weight: 400;
   line-height: normal;
 }
-
+.roleField {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+}
 .inputField {
   display: flex;
   flex-direction: column;

frontend/src/app/users/add/page.jsx

@@ -54,6 +54,8 @@ const AddUserPage = () => {
                   onSubmit={handleSubmit(onSubmit)}
                 >
                   {/* Role and Dropdown */}
+                  <div className={addUserStyle.roleField}>
+                    <p>Role</p>
                     <SelectField
                       label="Select Role"
                       options={[
@@ -62,6 +64,7 @@ const AddUserPage = () => {
                         { label: "Option 2", value: "Option 2" },
                       ]}
                     />
+                  </div>
                   {/* Email */}
                   <div className={addUserStyle.inputMainContainer}>
                     <div className={addUserStyle.inputContainer}>

frontend/src/app/users/add/styles.module.css

@@ -86,6 +86,13 @@
   font-weight: 400;
   line-height: normal;
 }
+.roleField {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+}
 .inputField {
   display: flex;
   flex-direction: column;