website refactor

apps/website/components/social/FriendsSidebar.tsx

@@ -1,7 +1,7 @@
 
 
 import { routes } from '@/lib/routing/RouteConfig';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Card } from '@/ui/Card';
 import { MinimalEmptyState } from '@/components/shared/state/EmptyState';
 import { FriendItem } from '@/components/social/FriendItem';
@@ -9,7 +9,6 @@ import { FriendsList } from '@/components/social/FriendsList';
 import { Heading } from '@/ui/Heading';
 import { Icon } from '@/ui/Icon';
 import { Link } from '@/ui/Link';
-import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { UserPlus, Users } from 'lucide-react';
 
@@ -45,14 +44,14 @@ export function FriendsSidebar({ friends, hasFriends }: FriendsSidebarProps) {
             />
           ))}
           {friends.length > 6 && (
-            <Box py={2}>
+            <Stack py={2}>
               <Link
                 href={routes.protected.profile}
                 variant="primary"
               >
                 <Text size="sm" block align="center">+{friends.length - 6} more</Text>
               </Link>
-            </Box>
+            </Stack>
           )}
         </FriendsList>
       ) : (