website refactor

apps/website/app/auth/layout.tsx

@@ -1,6 +1,7 @@
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
 import { createRouteGuard } from '@/lib/auth/createRouteGuard';
+import { AuthContainer } from '@/components/ui/AuthContainer';
 
 interface AuthLayoutProps {
   children: React.ReactNode;
@@ -11,7 +12,7 @@ interface AuthLayoutProps {
  *
  * Provides authentication route protection for all auth routes.
  * Uses RouteGuard to enforce access control server-side.
- * 
+ *
  * Behavior:
  * - Unauthenticated users can access auth pages (login, signup, etc.)
  * - Authenticated users are redirected away from auth pages
@@ -26,9 +27,5 @@ export default async function AuthLayout({ children }: AuthLayoutProps) {
     redirect(result.to);
   }
   
-  return (
-    <div className="min-h-screen bg-deep-graphite flex items-center justify-center p-4">
-      {children}
-    </div>
-  );
+  return <AuthContainer>{children}</AuthContainer>;
 }