few changes

apps/admin/app/page.tsx

@@ -20,12 +20,14 @@ async function logOut() {
 }
 
 export default async function Page() {
-  const session = await auth()
+  const session = await auth();
   return (
     <div className="flex items-center justify-center min-h-svh">
       <div className="flex flex-col items-center justify-center gap-4">
-        <h1 className="text-2xl font-bold">Hello admin {session?.user?.name}</h1>
-        {!session?.user && <Login logIn={logIn} />}
+        <h1 className="text-2xl font-bold">
+          Hello admin {session?.user?.name}
+        </h1>
+        {!session?.user && <Login action={logIn} />}
         <Studs action={getStudents} logOut={logOut} />
       </div>
     </div>

apps/admin/app/signup/page.tsx

@@ -141,7 +141,7 @@ export default function StudentRegistrationForm() {
   const progress = (currentStep / steps.length) * 100
 
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen py-8">
       <div className="max-w-3xl mx-auto px-4">
         <Card>
           <CardHeader>

apps/admin/components/login.tsx

@@ -2,23 +2,19 @@
 import { signIn } from "@workspace/auth";
 import { Button } from "@workspace/ui/components/button";
 
-export default function Login({logIn}: {logIn: () => Promise<void>}) {
+export default function Login({ action }: { action: () => Promise<void> }) {
   return (
-    <form action={logIn}>
-      <Button
-        type="submit"
-        variant="outline"
-        className="w-full h-12"
-      >
-      <div className="absolute inset-0 bg-gradient-to-r from-primary/0 via-primary/10 to-primary/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-700 ease-out pointer-events-none" />
-      <img
-        src="https://static.cdnlogo.com/logos/g/35/google-icon.svg"
-        alt="Google logo"
-        className="w-5 h-5 transition-transform duration-200"
-      />
-      <span className="relative z-10 font-medium transition-colors duration-200 group-hover:text-foreground">
-        Sign in with Google
-      </span>
+    <form action={action}>
+      <Button type="submit" variant="outline" className="w-full h-12">
+        <div className="absolute inset-0 bg-gradient-to-r from-primary/0 via-primary/10 to-primary/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-700 ease-out pointer-events-none" />
+        <img
+          src="https://static.cdnlogo.com/logos/g/35/google-icon.svg"
+          alt="Google logo"
+          className="w-5 h-5 transition-transform duration-200"
+        />
+        <span className="relative z-10 font-medium transition-colors duration-200 group-hover:text-foreground">
+          Sign in with Google
+        </span>
       </Button>
     </form>
   );

apps/admin/next.config.mjs

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  transpilePackages: ["@workspace/ui"],
+  transpilePackages: ["@workspace/ui", "@workspace/db", "@workspace/auth"],
 };
 
 export default nextConfig;