website refactor

apps/website/components/social/FriendsList.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { Stack } from '@/ui/Stack';
 
 interface FriendsListProps {
   children: ReactNode;
@@ -6,8 +7,8 @@ interface FriendsListProps {
 
 export function FriendsList({ children }: FriendsListProps) {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
+    <Stack gap={2}>
       {children}
-    </div>
+    </Stack>
   );
 }