chore: update eslint and prettier configuration

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

@@ -46,10 +46,16 @@ export function UserSheet({
   isSaving,
 }: UserSheetProps) {
   const roleComboboxPortalRef = useRef<HTMLDivElement | null>(null);
-  const firstNameErrorMessage = isSubmitted ? errors.first_name?.message : undefined;
-  const lastNameErrorMessage = isSubmitted ? errors.last_name?.message : undefined;
+  const firstNameErrorMessage = isSubmitted
+    ? errors.first_name?.message
+    : undefined;
+  const lastNameErrorMessage = isSubmitted
+    ? errors.last_name?.message
+    : undefined;
   const emailErrorMessage = isSubmitted ? errors.email?.message : undefined;
-  const phoneErrorMessage = isSubmitted ? errors.phone_number?.message : undefined;
+  const phoneErrorMessage = isSubmitted
+    ? errors.phone_number?.message
+    : undefined;
   const roleErrorMessage = isSubmitted ? errors.role_id?.message : undefined;
 
   return (
@@ -63,7 +69,12 @@ export function UserSheet({
 
         <form onSubmit={onSubmit} className="flex flex-1 flex-col gap-5 px-4">
           <div className="grid gap-4 md:grid-cols-2">
-            <FormField id="first-name" label="First Name" required error={firstNameErrorMessage}>
+            <FormField
+              id="first-name"
+              label="First Name"
+              required
+              error={firstNameErrorMessage}
+            >
               <Input
                 id="first-name"
                 placeholder="Enter first name"
@@ -72,7 +83,12 @@ export function UserSheet({
               />
             </FormField>
 
-            <FormField id="last-name" label="Last Name" required error={lastNameErrorMessage}>
+            <FormField
+              id="last-name"
+              label="Last Name"
+              required
+              error={lastNameErrorMessage}
+            >
               <Input
                 id="last-name"
                 placeholder="Enter last name"
@@ -82,7 +98,12 @@ export function UserSheet({
             </FormField>
           </div>
 
-          <FormField id="email" label="Email" required error={emailErrorMessage}>
+          <FormField
+            id="email"
+            label="Email"
+            required
+            error={emailErrorMessage}
+          >
             <Input
               id="email"
               placeholder="name@example.com"
@@ -91,7 +112,11 @@ export function UserSheet({
             />
           </FormField>
 
-          <FormField id="phone-number" label="Phone Number" error={phoneErrorMessage}>
+          <FormField
+            id="phone-number"
+            label="Phone Number"
+            error={phoneErrorMessage}
+          >
             <Input
               id="phone-number"
               placeholder="+919876543210"
@@ -111,7 +136,12 @@ export function UserSheet({
 
             <div ref={roleComboboxPortalRef} />
 
-            <input type="hidden" {...register('role_id')} value={roleId} readOnly />
+            <input
+              type="hidden"
+              {...register('role_id')}
+              value={roleId}
+              readOnly
+            />
           </FormField>
 
           <DialogFooter className="px-0">
@@ -125,7 +155,9 @@ export function UserSheet({
             </Button>
 
             <Button type="submit" disabled={isSaving || !canSubmit}>
-              {isSaving ? <Loader2 className="mr-2 size-4 animate-spin" /> : null}
+              {isSaving ? (
+                <Loader2 className="mr-2 size-4 animate-spin" />
+              ) : null}
 
               {userId ? 'Update User' : 'Create User'}
             </Button>