website refactor

apps/website/components/admin/AdminUsersTable.tsx

@@ -10,7 +10,6 @@ import {
   TableCell 
 } from '@/ui/Table';
 import { Stack } from '@/ui/Stack';
-import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
@@ -77,7 +76,7 @@ export function AdminUsersTable({
             </TableCell>
             <TableCell>
               <Stack direction="row" align="center" gap={3}>
-                <Box 
+                <Stack 
                   bg="bg-primary-blue/10" 
                   rounded="full" 
                   p={2} 
@@ -85,21 +84,21 @@ export function AdminUsersTable({
                   borderColor="border-primary-blue/20"
                 >
                   <Icon icon={Shield} size={4} color="#198CFF" />
-                </Box>
-                <Box>
+                </Stack>
+                <Stack>
                   <Text weight="semibold" color="text-white" block>
                     {user.displayName}
                   </Text>
                   <Text size="xs" color="text-gray-500" block>
                     {user.email}
                   </Text>
-                </Box>
+                </Stack>
               </Stack>
             </TableCell>
             <TableCell>
               <Stack direction="row" gap={1.5} wrap>
                 {user.roles.map((role) => (
-                  <Box 
+                  <Stack 
                     key={role}
                     px={2} 
                     py={0.5} 
@@ -111,7 +110,7 @@ export function AdminUsersTable({
                     <Text size="xs" weight="medium" color="text-gray-300">
                       {role}
                     </Text>
-                  </Box>
+                  </Stack>
                 ))}
               </Stack>
             </TableCell>