fix: run lint checks

Author: d4vidsha

frontend/src/components/user-auth-form.tsx

@@ -20,7 +20,7 @@ import { Spinner } from "./Common/Spinner"
 import { Button } from "./ui/button"
 import { Input } from "./ui/input"
 
-interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> { }
+interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {}
 
 type FormData = z.infer<typeof userAuthSchema>
 
@@ -62,7 +62,12 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
             render={({ field }) => (
               <FormItem>
                 <FormControl>
-                  <Input placeholder="Email" type="email" disabled={isLoading} {...field} />
+                  <Input
+                    placeholder="Email"
+                    type="email"
+                    disabled={isLoading}
+                    {...field}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>

frontend/src/routes/_layout/items.tsx

@@ -142,4 +142,4 @@ function Items() {
       <ItemsTable />
     </Container>
   )
-}
+}

frontend/src/routes/_layout/tasks.tsx

@@ -11,7 +11,12 @@ const tasks = [
   { id: 1, title: "Study for 3 hours", completed: true },
   { id: 2, title: "Create task list", completed: false },
   { id: 3, title: "Clean bedroom", completed: false },
-  { id: 4, title: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", completed: false }
+  {
+    id: 4,
+    title:
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+    completed: false,
+  },
 ]
 
 function Tasks() {
@@ -20,9 +25,7 @@ function Tasks() {
       <div className="flex justify-center">
         <div className="flex-col shrink w-[800px] min-w-56">
           <header className="mb-4">
-            <h1 className="text-3xl font-bold">
-              Inbox
-            </h1>
+            <h1 className="text-3xl font-bold">Inbox</h1>
           </header>
           <main className="flex flex-col">
             {tasks.map((task) => (
@@ -35,17 +38,20 @@ function Tasks() {
   )
 }
 
-function Task({ task }: { task: { id: number; title: string; completed: boolean } }) {
+function Task({
+  task,
+}: { task: { id: number; title: string; completed: boolean } }) {
   const [isCompleted, setIsCompleted] = useState(task.completed)
   return (
     <div className="flex gap-2 shrink-1 border-b py-3">
       <motion.button
         whileTap={{ scale: 1.2 }}
         onTap={() => setIsCompleted(!isCompleted)}
-        className="flex-none self-start">
+        className="flex-none self-start"
+      >
         <div className="grid grid-cols-1 grid-rows-1">
           <Circle className="h-5 w-5 row-start-1 row-end-1 col-start-1 col-end-1" />
-          <div className="flex justify-center items-center row-start-1 row-end-1 col-start-1 col-end-1" >
+          <div className="flex justify-center items-center row-start-1 row-end-1 col-start-1 col-end-1">
             {isCompleted && <Check strokeWidth={4.5} className="h-3 w-3" />}
           </div>
         </div>