website refactor

apps/website/components/admin/AdminDangerZonePanel.tsx

@@ -5,7 +5,6 @@ import { Card } from '@/ui/Card';
 import { Stack } from '@/ui/Stack';
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
-import { Box } from '@/ui/Box';
 
 interface AdminDangerZonePanelProps {
   title: string;
@@ -27,17 +26,17 @@ export function AdminDangerZonePanel({
   return (
     <Card borderColor="border-error-red/30" bg="bg-error-red/5">
       <Stack direction={{ base: 'col', md: 'row' }} align="center" justify="between" gap={6}>
-        <Box>
+        <Stack>
           <Heading level={4} weight="bold" color="text-error-red">
             {title}
           </Heading>
           <Text size="sm" color="text-gray-400" block mt={1}>
             {description}
           </Text>
-        </Box>
-        <Box>
+        </Stack>
+        <Stack>
           {children}
-        </Box>
+        </Stack>
       </Stack>
     </Card>
   );