website refactor

apps/website/components/auth/AuthError.tsx

@@ -0,0 +1,17 @@
+
+
+import { ErrorBanner } from '../../ui/ErrorBanner';
+
+interface AuthErrorProps {
+  action: string;
+}
+
+export function AuthError({ action }: AuthErrorProps) {
+  return (
+    <ErrorBanner 
+      message={`Failed to load ${action} page`} 
+      title="Error"
+      variant="error"
+    />
+  );
+}

apps/website/components/auth/AuthLoading.tsx

@@ -0,0 +1,27 @@
+import { LoadingSpinner } from '../../ui/LoadingSpinner';
+import { Box } from '../../ui/primitives/Box';
+import { Stack } from '../../ui/primitives/Stack';
+import { Text } from '../../ui/Text';
+
+interface AuthLoadingProps {
+  message?: string;
+}
+
+export function AuthLoading({ message = 'Authenticating...' }: AuthLoadingProps) {
+  return (
+    <Box 
+      fullWidth 
+      minHeight="100vh" 
+      display="flex" 
+      center 
+      bg="bg-[#0f1115]"
+    >
+      <Stack align="center" gap={4}>
+        <LoadingSpinner size={10} />
+        <Text color="text-gray-400" weight="medium">
+          {message}
+        </Text>
+      </Stack>
+    </Box>
+  );
+}