moved sign-in component to a proper folder

src/app/components/sign-in.tsx

@@ -1,40 +0,0 @@
-"use client"
-
-import { signOut, useSession } from "next-auth/react"
-import { Button } from "@/components/ui/button"
-import { useRouter } from "next/navigation"
-
-export default function SignIn() {
-  const { data: session, status } = useSession()
-  const router = useRouter()
-
-  const handleSignOut = async () => {
-    await signOut({ redirect: false })
-    router.push("/")
-    router.refresh()
-  }
-
-  if (status === "loading") {
-    return <div className="h-8 w-16 bg-muted animate-pulse rounded"></div>
-  }
-
-  if (session?.user) {
-    return (
-      <div className="flex items-center gap-4">
-        <Button onClick={handleSignOut} variant="ghost" size="default">
-          Sign Out
-        </Button>
-      </div>
-    )
-  }
-
-  return (
-    <Button
-      onClick={() => router.push("/auth/signin")}
-      variant="outline"
-      size="default"
-    >
-      Sign In
-    </Button>
-  )
-}

src/app/layout.tsx

@@ -3,7 +3,7 @@ import { Geist } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "next-themes";
 import { ModeToggle } from "@/components/mode-toggle";
-import SignIn from "./components/sign-in";
+import SignIn from "@/components/sign-in";
 import AuthSessionProvider from "@/components/SessionProvider";
 import Link from "next/link"