website refactor

apps/website/components/errors/AppErrorBoundaryView.tsx

@@ -2,11 +2,10 @@
 
 import React from 'react';
 import { AlertTriangle } from 'lucide-react';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Icon } from '@/ui/Icon';
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
-import { Stack } from '@/ui/Stack';
 
 interface AppErrorBoundaryViewProps {
   title: string;
@@ -24,7 +23,7 @@ export function AppErrorBoundaryView({ title, description, children }: AppErrorB
   return (
     <Stack gap={6} align="center" fullWidth>
       {/* Header Icon */}
-      <Box 
+      <Stack 
         p={4} 
         rounded="full" 
         bg="bg-warning-amber" 
@@ -33,7 +32,7 @@ export function AppErrorBoundaryView({ title, description, children }: AppErrorB
         borderColor="border-warning-amber"
       >
         <Icon icon={AlertTriangle} size={8} color="var(--warning-amber)" />
-      </Box>
+      </Stack>
 
       {/* Typography */}
       <Stack gap={2} align="center">