website refactor

apps/website/components/admin/AdminEmptyState.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import { Stack } from '@/ui/Stack';
-import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
 import { Icon } from '@/ui/Icon';
 import { LucideIcon } from 'lucide-react';
@@ -29,20 +28,20 @@ export function AdminEmptyState({
   return (
     <Stack center py={20} gap={4}>
       <Icon icon={icon} size={12} color="#23272B" />
-      <Box textAlign="center">
-        <Text size="lg" weight="bold" color="text-white" block>
+      <Stack align="center">
+        <Text size="lg" weight="bold" color="text-white" block textAlign="center">
           {title}
         </Text>
         {description && (
-          <Text size="sm" color="text-gray-500" block mt={1}>
+          <Text size="sm" color="text-gray-500" block mt={1} textAlign="center">
             {description}
           </Text>
         )}
-      </Box>
+      </Stack>
       {action && (
-        <Box mt={2}>
+        <Stack mt={2}>
           {action}
-        </Box>
+        </Stack>
       )}
     </Stack>
   );