website refactor

apps/website/ui/AuthLoading.tsx

@@ -1,8 +1,7 @@
-
-
+import React from 'react';
 import { Box } from './primitives/Box';
-import { LoadingSpinner } from './LoadingSpinner';
 import { Stack } from './primitives/Stack';
+import { LoadingSpinner } from './LoadingSpinner';
 import { Text } from './Text';
 
 interface AuthLoadingProps {
@@ -11,10 +10,18 @@ interface AuthLoadingProps {
 
 export function AuthLoading({ message = 'Authenticating...' }: AuthLoadingProps) {
   return (
-    <Box style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#0f1115' }}>
+    <Box 
+      fullWidth 
+      minHeight="100vh" 
+      display="flex" 
+      center 
+      bg="bg-[#0f1115]"
+    >
       <Stack align="center" gap={4}>
-        <LoadingSpinner size={12} />
-        <Text color="text-gray-400">{message}</Text>
+        <LoadingSpinner size={10} />
+        <Text color="text-gray-400" weight="medium">
+          {message}
+        </Text>
       </Stack>
     </Box>
   );