Format all current files with prettier (no functionality change)

Author: lucasheriques

.map.ts

@@ -1,4 +1,4 @@
 /** Auto-generated **/
-declare const map: Record<string, unknown>
+declare const map: Record<string, unknown>;
 
-export { map }
+export { map };

components.json

@@ -14,4 +14,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}

next.config.mjs

@@ -1,5 +1,3 @@
-
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -21,4 +19,4 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+export default nextConfig;

src/app/(auth)/reset-password/actions.ts

@@ -11,7 +11,7 @@ export const changePasswordAction = unauthenticatedAction
     z.object({
       token: z.string(),
       password: z.string().min(8),
-    })
+    }),
   )
   .handler(async ({ input: { token, password } }) => {
     await rateLimitByIp({ key: "change-password", limit: 2, window: 30000 });

src/app/(auth)/reset-password/page.tsx

@@ -59,7 +59,7 @@ export default function ResetPasswordPage({
   }
 
   return (
-    <div className="py-24 max-w-[400px] space-y-6 mx-auto">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       {isSuccess && (
         <>
           <h1 className={cn(pageTitleStyles, "text-center")}>

src/app/(auth)/sign-in/actions.ts

@@ -11,7 +11,7 @@ export const signInMagicLinkAction = unauthenticatedAction
   .input(
     z.object({
       email: z.string().email(),
-    })
+    }),
   )
   .handler(async ({ input }) => {
     await rateLimitByKey({ key: input.email, limit: 1, window: 30000 });

src/app/(auth)/sign-in/email/actions.ts

@@ -14,7 +14,7 @@ export const signInAction = unauthenticatedAction
     z.object({
       email: z.string().email(),
       password: z.string().min(8),
-    })
+    }),
   )
   .handler(async ({ input }) => {
     await rateLimitByKey({ key: input.email, limit: 3, window: 10000 });

src/app/(auth)/sign-in/email/page.tsx

@@ -61,7 +61,7 @@ export default function SignInPage() {
   }
 
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={cn(pageTitleStyles, "text-center")}>Sign In</h1>
 
       <Form {...form}>

src/app/(auth)/sign-in/forgot-password/actions.ts

@@ -10,7 +10,7 @@ export const resetPasswordAction = unauthenticatedAction
   .input(
     z.object({
       email: z.string().email(),
-    })
+    }),
   )
   .handler(async ({ input }) => {
     await rateLimitByKey({ key: input.email, limit: 1, window: 30000 });

src/app/(auth)/sign-in/forgot-password/page.tsx

@@ -39,7 +39,7 @@ export default function ForgotPasswordPage() {
           variant: "destructive",
         });
       },
-    }
+    },
   );
 
   const form = useForm<z.infer<typeof registrationSchema>>({
@@ -54,7 +54,7 @@ export default function ForgotPasswordPage() {
   }
 
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={cn(pageTitleStyles, "text-center")}>Forgot Password</h1>
 
       {isSuccess && (

src/app/(auth)/sign-in/magic/error/page.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 
 export default function MagicLinkPage() {
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={pageTitleStyles}>Expired Token</h1>
       <p className="text-xl">
         Sorry, this token was either expired or already used. Please try logging

src/app/(auth)/sign-in/magic/page.tsx

@@ -2,7 +2,7 @@ import { pageTitleStyles } from "@/styles/common";
 
 export default function MagicLinkPage() {
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={pageTitleStyles}>Check your email</h1>
       <p className="text-xl">
         We sent you a magic link to sign in. Click the link in your email to

src/app/(auth)/sign-in/page.tsx

@@ -10,7 +10,7 @@ import { MagicLinkForm } from "./magic-link-form";
 
 export default function SignInPage() {
   return (
-    <div className="py-24 flex min-h-[80dvh] items-center justify-center mx-auto">
+    <div className="mx-auto flex min-h-[80dvh] items-center justify-center py-24">
       <div className="mx-auto max-w-md space-y-6">
         <div className="space-y-2 text-center">
           <h1 className="text-3xl font-bold">Sign In</h1>
@@ -25,10 +25,10 @@ export default function SignInPage() {
               buttonVariants({
                 variant: "secondary",
               }),
-              "w-full"
+              "w-full",
             )}
           >
-            <GoogleIcon className="stroke-white mr-2 h-5 w-5" />
+            <GoogleIcon className="mr-2 h-5 w-5 stroke-white" />
             Sign in with Google
           </Link>
           <Link
@@ -37,7 +37,7 @@ export default function SignInPage() {
               buttonVariants({
                 variant: "secondary",
               }),
-              "w-full"
+              "w-full",
             )}
           >
             <GithubIcon className="mr-2 h-5 w-5" />

src/app/(auth)/sign-up/actions.ts

@@ -14,7 +14,7 @@ export const signUpAction = unauthenticatedAction
     z.object({
       email: z.string().email(),
       password: z.string().min(8),
-    })
+    }),
   )
   .handler(async ({ input }) => {
     await rateLimitByIp({ key: "register", limit: 3, window: 30000 });

src/app/(auth)/sign-up/page.tsx

@@ -60,7 +60,7 @@ export default function RegisterPage() {
   }
 
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={cn(pageTitleStyles, "text-center")}>Sign Up</h1>
 
       <Form {...form}>

src/app/_header/header.tsx

@@ -24,9 +24,9 @@ export async function Header() {
 
   return (
     <div className="border-b py-4">
-      <div className="container mx-auto flex justify-between items-center">
-        <div className="flex gap-8 items-center">
-          <Link href="/" className="flex gap-2 items-center text-xl">
+      <div className="container mx-auto flex items-center justify-between">
+        <div className="flex items-center gap-8">
+          <Link href="/" className="flex items-center gap-2 text-xl">
             <Lightbulb />
             <div className="hidden md:block">APP</div>
           </Link>
@@ -39,7 +39,7 @@ export async function Header() {
                 className="flex items-center justify-center gap-2"
               >
                 <Link href={"/dashboard"}>
-                  <LayoutDashboard className="w-4 h-4" /> Dashboard
+                  <LayoutDashboard className="h-4 w-4" /> Dashboard
                 </Link>
               </Button>
             )}
@@ -49,8 +49,8 @@ export async function Header() {
         <div className="flex items-center justify-between gap-5">
           <Suspense
             fallback={
-              <div className="flex items-center justify-center w-40">
-                <Loader2Icon className="animate-spin w-4 h-4" />
+              <div className="flex w-40 items-center justify-center">
+                <Loader2Icon className="h-4 w-4 animate-spin" />
               </div>
             }
           >
@@ -110,7 +110,7 @@ async function ProfileDropdown({ userId }: { userId: UserId }) {
       <DropdownMenuTrigger>
         <Suspense
           fallback={
-            <div className="bg-gray-800 rounded-full h-10 w-10 shrink-0 flex items-center justify-center">
+            <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-800">
               ..
             </div>
           }
@@ -124,7 +124,7 @@ async function ProfileDropdown({ userId }: { userId: UserId }) {
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild className="cursor-pointer">
           <Link className="flex items-center" href={"/api/sign-out"}>
-            <LogOut className="w-4 h-4 mr-2" />
+            <LogOut className="mr-2 h-4 w-4" />
             Sign Out
           </Link>
         </DropdownMenuItem>

src/app/_header/menu-button.tsx

@@ -19,22 +19,22 @@ export function MenuButton() {
         <DropdownMenuItem asChild>
           <Link
             href="/dashboard"
-            className="flex gap-2 items-center cursor-pointer"
+            className="flex cursor-pointer items-center gap-2"
           >
-            <UsersIcon className="w-4 h-4" /> Your Groups
+            <UsersIcon className="h-4 w-4" /> Your Groups
           </Link>
         </DropdownMenuItem>
         <DropdownMenuItem asChild>
           <Link
             href="/browse"
-            className="flex gap-2 items-center cursor-pointer"
+            className="flex cursor-pointer items-center gap-2"
           >
-            <SearchIcon className="w-4 h-4" /> Browse Groups
+            <SearchIcon className="h-4 w-4" /> Browse Groups
           </Link>
         </DropdownMenuItem>
         <DropdownMenuItem asChild>
-          <Link href="/docs" className="flex gap-2 items-center cursor-pointer">
-            <BookIcon className="w-4 h-4" /> API Docs
+          <Link href="/docs" className="flex cursor-pointer items-center gap-2">
+            <BookIcon className="h-4 w-4" /> API Docs
           </Link>
         </DropdownMenuItem>
       </DropdownMenuContent>

src/app/_header/mode-toggle.tsx

@@ -19,7 +19,7 @@ export function ModeToggle() {
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="outline" size="icon">
-          <Sun className="text-black h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 text-black transition-all dark:-rotate-90 dark:scale-0" />
           <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           <span className="sr-only">Toggle theme</span>
         </Button>

src/app/api/login/github/callback/route.ts

@@ -45,7 +45,7 @@ export async function GET(request: Request): Promise<Response> {
           headers: {
             Authorization: `Bearer ${tokens.accessToken}`,
           },
-        }
+        },
       );
       const githubUserEmails = await githubUserEmailResponse.json();
 

src/app/api/login/google/callback/route.ts

@@ -6,7 +6,6 @@ import { getAccountByGoogleIdUseCase } from "@/use-cases/accounts";
 import { afterLoginUrl } from "@/app-config";
 import { setSession } from "@/lib/session";
 
-
 export async function GET(request: Request): Promise<Response> {
   const url = new URL(request.url);
   const code = url.searchParams.get("code");
@@ -29,15 +28,15 @@ export async function GET(request: Request): Promise<Response> {
   try {
     const tokens = await googleAuth.validateAuthorizationCode(
       code,
-      codeVerifier
+      codeVerifier,
     );
     const response = await fetch(
       "https://openidconnect.googleapis.com/v1/userinfo",
       {
         headers: {
           Authorization: `Bearer ${tokens.accessToken}`,
         },
-      }
+      },
     );
     const googleUser: GoogleUser = await response.json();
 

src/app/api/sign-out/route.ts

@@ -15,7 +15,7 @@ export async function GET(): Promise<Response> {
   cookies().set(
     sessionCookie.name,
     sessionCookie.value,
-    sessionCookie.attributes
+    sessionCookie.attributes,
   );
   redirect("/signed-out");
 }

src/app/error.tsx

@@ -8,7 +8,7 @@ export default function ErrorPage({
   error: Error & { digest?: string };
 }) {
   return (
-    <div className="container mx-auto py-12 min-h-screen space-y-8">
+    <div className="container mx-auto min-h-screen space-y-8 py-12">
       <>
         <h1 className={pageTitleStyles}>Oops! Something went wrong</h1>
         <p className="text-lg">{error.message}</p>

src/app/layout.tsx

@@ -40,13 +40,13 @@ export default async function RootLayout({
       <body
         className={cn(
           "min-h-screen bg-background antialiased",
-          archivo.variable + " " + libre_franklin.variable
+          archivo.variable + " " + libre_franklin.variable,
         )}
       >
         <Providers>
           <NextTopLoader />
           <Header />
-          <div className="w-full mx-auto container py-12">{children}</div>
+          <div className="container mx-auto w-full py-12">{children}</div>
         </Providers>
         <Toaster />
       </body>

src/app/signed-out/page.tsx

@@ -13,7 +13,7 @@ export default function SignedOutPage() {
   }, [router]);
 
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={pageTitleStyles}>Successfully Signed Out</h1>
       <p className="text-xl">
         You have been successfully signed out. You can now sign in to your

src/app/verify-success/page.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 
 export default function VerifySuccess() {
   return (
-    <div className="py-24 mx-auto max-w-[400px] space-y-6">
+    <div className="mx-auto max-w-[400px] space-y-6 py-24">
       <h1 className={pageTitleStyles}>Email Successfully Verified</h1>
       <p className="text-xl">
         Your email has been successfully verified. You can now sign in to your

src/components/loader-button.tsx

@@ -13,9 +13,9 @@ export function LoaderButton({
       disabled={isLoading}
       type="submit"
       {...props}
-      className={cn("flex gap-2 justify-center px-3", className)}
+      className={cn("flex justify-center gap-2 px-3", className)}
     >
-      {isLoading && <Loader2Icon className="animate-spin w-4 h-4" />}
+      {isLoading && <Loader2Icon className="h-4 w-4 animate-spin" />}
       {children}
     </Button>
   );

src/components/ui/alert.tsx

@@ -18,7 +18,7 @@ const alertVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
+  },
 );
 
 const Alert = React.forwardRef<