chore: upgrade deps and linting

apps/web/src/components/forms/edit-document/add-fields.tsx

@@ -362,7 +362,7 @@ export const AddFieldsFormPartial = ({
         title="Add Fields"
         description="Add all relevant fields for each recipient."
       >
-        <div className="flex-col flex">
+        <div className="flex flex-col">
           {selectedField && visible && (
             <Card
               className="border-primary pointer-events-none fixed z-50 cursor-pointer bg-white"
@@ -477,7 +477,7 @@ export const AddFieldsFormPartial = ({
                 data-selected={selectedField === FieldType.SIGNATURE ? true : undefined}
               >
                 <Card className="group-data-[selected]:border-documenso h-full w-full cursor-pointer group-disabled:opacity-50">
-                  <CardContent className="flex-col flex items-center justify-center px-6 py-4">
+                  <CardContent className="flex flex-col items-center justify-center px-6 py-4">
                     <p
                       className={cn(
                         'text-muted-foreground group-data-[selected]:text-foreground text-3xl font-medium',
@@ -500,7 +500,7 @@ export const AddFieldsFormPartial = ({
                 data-selected={selectedField === FieldType.EMAIL ? true : undefined}
               >
                 <Card className="group-data-[selected]:border-documenso h-full w-full cursor-pointer group-disabled:opacity-50">
-                  <CardContent className="flex-col flex items-center justify-center px-6 py-4">
+                  <CardContent className="flex flex-col items-center justify-center px-6 py-4">
                     <p
                       className={cn(
                         'text-muted-foreground group-data-[selected]:text-foreground text-xl font-medium',
@@ -522,7 +522,7 @@ export const AddFieldsFormPartial = ({
                 data-selected={selectedField === FieldType.NAME ? true : undefined}
               >
                 <Card className="group-data-[selected]:border-documenso h-full w-full cursor-pointer group-disabled:opacity-50">
-                  <CardContent className="flex-col flex items-center justify-center px-6 py-4">
+                  <CardContent className="flex flex-col items-center justify-center px-6 py-4">
                     <p
                       className={cn(
                         'text-muted-foreground group-data-[selected]:text-foreground text-xl font-medium',
@@ -544,7 +544,7 @@ export const AddFieldsFormPartial = ({
                 data-selected={selectedField === FieldType.DATE ? true : undefined}
               >
                 <Card className="group-data-[selected]:border-documenso h-full w-full cursor-pointer group-disabled:opacity-50">
-                  <CardContent className="flex-col flex items-center justify-center px-6 py-4">
+                  <CardContent className="flex flex-col items-center justify-center px-6 py-4">
                     <p
                       className={cn(
                         'text-muted-foreground group-data-[selected]:text-foreground text-xl font-medium',

apps/web/src/components/forms/edit-document/add-signers.tsx

@@ -148,7 +148,7 @@ export const AddSignersFormPartial = ({
         title="Add Signers"
         description="Add the people who will sign the document."
       >
-        <div className="flex-col flex w-full gap-y-4">
+        <div className="flex w-full flex-col gap-y-4">
           <AnimatePresence>
             {signers.map((signer, index) => (
               <motion.div

apps/web/src/components/forms/edit-document/add-subject.tsx

@@ -85,8 +85,8 @@ export const AddSubjectFormPartial = ({
         title="Add Subject"
         description="Add the subject and message you wish to send to signers."
       >
-        <div className="flex-col flex">
-          <div className="flex-col flex gap-y-4">
+        <div className="flex flex-col">
+          <div className="flex flex-col gap-y-4">
             <div>
               <Label htmlFor="subject">
                 Subject <span className="text-muted-foreground">(Optional)</span>
@@ -128,7 +128,7 @@ export const AddSubjectFormPartial = ({
                 You can use the following variables in your message:
               </p>
 
-              <ul className="flex-col mt-2 flex list-inside list-disc gap-y-2 text-sm">
+              <ul className="mt-2 flex list-inside list-disc flex-col gap-y-2 text-sm">
                 <li className="text-muted-foreground">
                   <code className="text-muted-foreground bg-muted-foreground/20 rounded p-1 text-sm">
                     {'{signer.name}'}

apps/web/src/components/forms/edit-document/container.tsx

@@ -19,12 +19,12 @@ export const EditDocumentFormContainer = ({
     <form
       id={id}
       className={cn(
-        'dark:bg-background border-border bg-widget flex-col sticky top-20 flex h-[calc(100vh-6rem)] max-h-screen rounded-xl border px-4 py-6',
+        'dark:bg-background border-border bg-widget sticky top-20 flex h-[calc(100vh-6rem)] max-h-screen flex-col rounded-xl border px-4 py-6',
         className,
       )}
       {...props}
     >
-      <div className={cn('flex-col -mx-2 flex flex-1 overflow-hidden px-2')}>{children}</div>
+      <div className={cn('-mx-2 flex flex-1 flex-col overflow-hidden px-2')}>{children}</div>
     </form>
   );
 };
@@ -43,14 +43,14 @@ export const EditDocumentFormContainerContent = ({
   ...props
 }: EditDocumentFormContainerContentProps) => {
   return (
-    <div className={cn('flex-col flex flex-1', className)} {...props}>
+    <div className={cn('flex flex-1 flex-col', className)} {...props}>
       <h3 className="text-foreground text-2xl font-semibold">{title}</h3>
 
       <p className="text-muted-foreground mt-2 text-sm">{description}</p>
 
       <hr className="border-border mb-8 mt-4" />
 
-      <div className="flex-col -mx-2 flex flex-1 overflow-y-auto px-2">{children}</div>
+      <div className="-mx-2 flex flex-1 flex-col overflow-y-auto px-2">{children}</div>
     </div>
   );
 };

apps/web/src/components/forms/edit-document/field-item.tsx

@@ -28,8 +28,8 @@ export const FieldItem = ({
   field,
   passive,
   disabled,
-  minHeight,
-  minWidth,
+  minHeight: _minHeight,
+  minWidth: _minWidth,
   onResize,
   onMove,
   onRemove,
@@ -63,24 +63,6 @@ export const FieldItem = ({
     const pageHeight = (field.pageHeight / 100) * height;
     const pageWidth = (field.pageWidth / 100) * width;
 
-    console.log(
-      structuredClone({
-        field,
-        top,
-        left,
-        height,
-        width,
-        pageX: coords.pageX,
-        pageY: coords.pageY,
-        pageHeight: coords.pageHeight,
-        pageWidth: coords.pageWidth,
-        newPageX: pageX,
-        newPageY: pageY,
-        newPageHeight: pageHeight,
-        newPageWidth: pageWidth,
-      }),
-    );
-
     setCoords({
       pageX: pageX,
       pageY: pageY,

apps/web/src/components/forms/password.tsx

@@ -81,7 +81,7 @@ export const PasswordForm = ({ className }: PasswordFormProps) => {
 
   return (
     <form
-      className={cn('flex-col flex w-full gap-y-4', className)}
+      className={cn('flex w-full flex-col gap-y-4', className)}
       onSubmit={handleSubmit(onFormSubmit)}
     >
       <div>