.

app/routes/auth/login.tsx

@@ -7,22 +7,8 @@ import { useShallow } from "zustand/react/shallow";
 import { PasswordInput } from "~/components/custom-ui/password-input";
 import { ThemeToggle } from "~/components/theme/theme-toggle";
 import { Button, buttonVariants } from "~/components/ui/button";
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle,
-} from "~/components/ui/card";
-import {
-    Form,
-    FormControl,
-    FormField,
-    FormItem,
-    FormLabel,
-    FormMessage,
-} from "~/components/ui/form";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "~/components/ui/card";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
 import auth from "~/lib/api/client/auth";
 import { useTokenStore } from "~/stores/token-store";
@@ -79,10 +65,7 @@ export default function Login() {
 
     return (
         <Card style={{ viewTransitionName: "auth-card-view" }}>
-            <CardHeader
-                style={{ viewTransitionName: "auth-card-header-view" }}
-                className="relative"
-            >
+            <CardHeader style={{ viewTransitionName: "auth-card-header-view" }} className="relative">
                 <CardTitle>Welcome back!</CardTitle>
                 <CardDescription>Please sign in to continue.</CardDescription>
                 <div
@@ -94,9 +77,7 @@ export default function Login() {
                     <ThemeToggle />
                 </div>
             </CardHeader>
-            <CardContent
-                style={{ viewTransitionName: "auth-card-content-view" }}
-            >
+            <CardContent style={{ viewTransitionName: "auth-card-content-view" }}>
                 <Form {...form}>
                     <form
                         onSubmit={form.handleSubmit(onSubmit)}
@@ -126,8 +107,7 @@ export default function Login() {
                             render={({ field }) => (
                                 <FormItem
                                     style={{
-                                        viewTransitionName:
-                                            "password-field-view",
+                                        viewTransitionName: "password-field-view",
                                     }}
                                 >
                                     <FormLabel required>Password</FormLabel>
@@ -138,11 +118,7 @@ export default function Login() {
                                 </FormItem>
                             )}
                         />
-                        <Button
-                            className="w-full"
-                            type="submit"
-                            style={{ viewTransitionName: "submit-button-view" }}
-                        >
+                        <Button className="w-full" type="submit" style={{ viewTransitionName: "submit-button-view" }}>
                             Log In
                         </Button>
                     </form>
@@ -150,9 +126,7 @@ export default function Login() {
             </CardContent>
             <CardFooter style={{ viewTransitionName: "auth-card-footer-view" }}>
                 <div className="flex items-center">
-                    <span className="text-muted-foreground text-sm">
-                        Don't have an account?
-                    </span>
+                    <span className="text-muted-foreground text-sm">Don't have an account?</span>
                     <Link
                         className={buttonVariants({
                             variant: "link",