Added auth

src/app/sign-in/page.tsx

@@ -0,0 +1,36 @@
+import { OAuthSignInButton } from "@/components/auth/signin-button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { auth } from "@/lib/auth/auth"
+import { LogIn } from "lucide-react"
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+
+export default async function SignInPage() {
+    const session = await auth.api.getSession({
+        headers: await headers()
+    })
+
+    if (session) {
+        redirect("/")
+    }
+    return (
+        <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4">
+            <Card className="w-full max-w-md shadow-xl">
+                <CardHeader className="space-y-1 text-center">
+                    <div className="flex justify-center mb-4">
+                        <div className="p-3 bg-primary/10 rounded-full">
+                            <LogIn className="h-8 w-8 text-primary" />
+                        </div>
+                    </div>
+                    <CardTitle className="text-2xl font-bold">Welcome back</CardTitle>
+                    <CardDescription>
+                        Sign in to your account to continue
+                    </CardDescription>
+                </CardHeader>
+                <CardContent className="space-y-4">
+                    <OAuthSignInButton className="w-full" />
+                </CardContent>
+            </Card>
+        </div>
+    )
+}