fix: wrap login and register pages in Suspense to fix build

src/app/login/page.tsx

@@ -1,5 +1,6 @@
 import { SignInForm } from "@/components/auth/sign-in-form";
 import Link from "next/link";
+import { Suspense } from "react";
 
 export default function LoginPage() {
     return (
@@ -10,7 +11,9 @@ export default function LoginPage() {
                     <h1 className="text-3xl font-bold">Login</h1>
                     <p className="text-gray-500 dark:text-gray-400">Enter your email below to login to your account</p>
                 </div>
-                <SignInForm />
+                <Suspense fallback={<div className="h-64 flex items-center justify-center">Loading...</div>}>
+                    <SignInForm />
+                </Suspense>
                 <div className="mt-4 text-center text-sm">
                     Don&apos;t have an account?{" "}
                     <Link href="/register" className="underline">

src/app/register/page.tsx

@@ -1,5 +1,6 @@
 import { SignUpForm } from "@/components/auth/sign-up-form";
 import Link from "next/link";
+import { Suspense } from "react";
 
 export default function RegisterPage() {
     return (
@@ -10,7 +11,9 @@ export default function RegisterPage() {
                     <h1 className="text-3xl font-bold">Sign Up</h1>
                     <p className="text-gray-500 dark:text-gray-400">Enter your information to create an account</p>
                 </div>
-                <SignUpForm />
+                <Suspense fallback={<div className="h-64 flex items-center justify-center">Loading...</div>}>
+                    <SignUpForm />
+                </Suspense>
                 <div className="mt-4 text-center text-sm">
                     Already have an account?{" "}
                     <Link href="/login" className="underline">