website refactor

apps/website/components/ui/AuthLoading.tsx

@@ -0,0 +1,24 @@
+/**
+ * AuthLoading - UI component for auth page loading states
+ * 
+ * Pure presentation component for displaying auth-related loading.
+ * Used by LoginClient.tsx for authenticated redirect states.
+ */
+
+import { LoadingWrapper } from '../shared/state/LoadingWrapper';
+
+interface AuthLoadingProps {
+  message?: string;
+}
+
+export function AuthLoading({ message = 'Authenticating...' }: AuthLoadingProps) {
+  return (
+    <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
+      <LoadingWrapper 
+        variant="spinner" 
+        message={message}
+        size="lg"
+      />
+    </main>
+  );
+}