Restore Ultracite + fix sidebar (#1233)

components/auth-form.tsx

@@ -1,12 +1,12 @@
-import Form from 'next/form';
+import Form from "next/form";
 
-import { Input } from './ui/input';
-import { Label } from './ui/label';
+import { Input } from "./ui/input";
+import { Label } from "./ui/label";
 
 export function AuthForm({
   action,
   children,
-  defaultEmail = '',
+  defaultEmail = "",
 }: {
   action: NonNullable<
     string | ((formData: FormData) => void | Promise<void>) | undefined
@@ -18,39 +18,39 @@ export function AuthForm({
     <Form action={action} className="flex flex-col gap-4 px-4 sm:px-16">
       <div className="flex flex-col gap-2">
         <Label
-          htmlFor="email"
           className="font-normal text-zinc-600 dark:text-zinc-400"
+          htmlFor="email"
         >
           Email Address
         </Label>
 
         <Input
+          autoComplete="email"
+          autoFocus
+          className="bg-muted text-md md:text-sm"
+          defaultValue={defaultEmail}
           id="email"
           name="email"
-          className="bg-muted text-md md:text-sm"
-          type="email"
           placeholder="user@acme.com"
-          autoComplete="email"
           required
-          autoFocus
-          defaultValue={defaultEmail}
+          type="email"
         />
       </div>
 
       <div className="flex flex-col gap-2">
         <Label
-          htmlFor="password"
           className="font-normal text-zinc-600 dark:text-zinc-400"
+          htmlFor="password"
         >
           Password
         </Label>
 
         <Input
+          className="bg-muted text-md md:text-sm"
           id="password"
           name="password"
-          className="bg-muted text-md md:text-sm"
-          type="password"
           required
+          type="password"
         />
       </div>