feat: add forgot password flow and reusable password field

src/app/(modules)/users/components/UserSheet.tsx

@@ -98,32 +98,34 @@ export function UserSheet({
             </FormField>
           </div>
 
-          <FormField
-            id="email"
-            label="Email"
-            required
-            error={emailErrorMessage}
-          >
-            <Input
+          <div className="grid gap-4 md:grid-cols-2">
+            <FormField
               id="email"
-              placeholder="name@example.com"
-              aria-invalid={!!emailErrorMessage}
-              {...register('email')}
-            />
-          </FormField>
+              label="Email"
+              required
+              error={emailErrorMessage}
+            >
+              <Input
+                id="email"
+                placeholder="name@example.com"
+                aria-invalid={!!emailErrorMessage}
+                {...register('email')}
+              />
+            </FormField>
 
-          <FormField
-            id="phone-number"
-            label="Phone Number"
-            error={phoneErrorMessage}
-          >
-            <Input
+            <FormField
               id="phone-number"
-              placeholder="+919876543210"
-              aria-invalid={!!phoneErrorMessage}
-              {...register('phone_number')}
-            />
-          </FormField>
+              label="Phone Number"
+              error={phoneErrorMessage}
+            >
+              <Input
+                id="phone-number"
+                placeholder="+919876543210"
+                aria-invalid={!!phoneErrorMessage}
+                {...register('phone_number')}
+              />
+            </FormField>
+          </div>
 
           <FormField label="Role" required error={roleErrorMessage}>
             <RoleCombobox