website refactor

apps/website/components/teams/TeamMembershipCard.tsx

@@ -2,10 +2,9 @@
 
 import { ChevronRight, Users } from 'lucide-react';
 import { Badge } from '@/ui/Badge';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Icon } from '@/ui/Icon';
 import { Link } from '@/ui/Link';
-import { Stack } from '@/ui/Stack';
 import { Surface } from '@/ui/Surface';
 import { Text } from '@/ui/Text';
 
@@ -44,7 +43,7 @@ export function TeamMembershipCard({
         >
           <Icon icon={Users} size={6} color="var(--neon-purple)" />
         </Surface>
-        <Box style={{ flex: 1, minWidth: 0 }}>
+        <Stack style={{ flex: 1, minWidth: 0 }}>
           <Text weight="semibold" color="text-white" className="truncate group-hover:text-purple-400 transition-colors" block>
             {teamName}
           </Text>
@@ -56,7 +55,7 @@ export function TeamMembershipCard({
               Since {new Date(joinedAt).toLocaleDateString('en-US', { month: 'short', year: 'numeric' })}
             </Text>
           </Stack>
-        </Box>
+        </Stack>
         <Icon icon={ChevronRight} size={4} color="var(--text-gray-500)" className="group-hover:text-purple-400 transition-colors" />
       </Surface>
     </Link>