website refactor

apps/website/components/teams/TeamMembersTable.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Button } from '@/ui/Button';
@@ -22,7 +21,7 @@ interface TeamMembersTableProps {
 
 export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembersTableProps) {
   return (
-    <Box border borderColor="outline-steel" bg="surface-charcoal/30">
+    <Stack border borderColor="outline-steel" bg="surface-charcoal/30">
       <Table>
         <TableHead>
           <TableRow>
@@ -38,16 +37,16 @@ export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembe
             <TableRow key={member.driverId}>
               <TableCell>
                 <Stack direction="row" align="center" gap={3}>
-                  <Box w="8" h="8" bg="base-black" border borderColor="outline-steel" display="flex" center>
+                  <Stack w="8" h="8" bg="base-black" border borderColor="outline-steel" display="flex" center>
                     <Text size="xs" weight="bold" color="primary-accent">{member.driverName.substring(0, 2).toUpperCase()}</Text>
-                  </Box>
+                  </Stack>
                   <Text weight="bold" size="sm" color="text-white">{member.driverName}</Text>
                 </Stack>
               </TableCell>
               <TableCell>
-                <Box px={2} py={0.5} bg="base-black" border borderColor="outline-steel" display="inline-block">
+                <Stack px={2} py={0.5} bg="base-black" border borderColor="outline-steel" display="inline-block">
                   <Text size="xs" color="text-gray-400" font="mono" uppercase>{member.role}</Text>
-                </Box>
+                </Stack>
               </TableCell>
               <TableCell>
                 <Text size="xs" color="text-gray-500" font="mono">
@@ -74,6 +73,6 @@ export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembe
           ))}
         </TableBody>
       </Table>
-    </Box>
+    </Stack>
   );
 }