website refactor

apps/website/components/errors/ErrorScreen.tsx

@@ -3,6 +3,7 @@
 import { Card } from '@/ui/Card';
 import { Glow } from '@/ui/Glow';
 import { Text } from '@/ui/Text';
+import { Stack } from '@/ui/Stack';
 import { ErrorPageContainer } from '@/ui/ErrorPageContainer';
 import { AppErrorBoundaryView } from './AppErrorBoundaryView';
 import { ErrorDetailsBlock } from './ErrorDetailsBlock';
@@ -32,13 +33,13 @@ export function ErrorScreen({ error, reset, onHome }: ErrorScreenProps) {
         description="The application encountered an unexpected state. Our telemetry has logged the incident."
       >
         {/* Error Message Summary */}
-        <div style={{ width: '100%', marginBottom: '1.5rem' }}>
+        <Stack fullWidth marginBottom={6}>
           <Card variant="outline">
             <Text font="mono" size="sm" variant="warning" block>
               {error.message || 'Unknown execution error'}
             </Text>
           </Card>
-        </div>
+        </Stack>
 
         <ErrorRecoveryActions onRetry={reset} onHome={onHome} />