website refactor

apps/website/components/profile/ProfileSection.tsx

@@ -1,9 +1,8 @@
 'use client';
 
 import React from 'react';
-import { Box } from '@/ui/Box';
-import { Heading } from '@/ui/Heading';
 import { Stack } from '@/ui/Stack';
+import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
 
 interface ProfileSectionProps {
@@ -15,19 +14,19 @@ interface ProfileSectionProps {
 
 export function ProfileSection({ title, description, action, children }: ProfileSectionProps) {
   return (
-    <Box mb={8}>
+    <Stack mb={8}>
       <Stack direction="row" align="center" justify="between" mb={4}>
-        <Box>
+        <Stack>
           <Heading level={2}>{title}</Heading>
           {description && (
             <Text color="text-gray-400" size="sm" mt={1} block>
               {description}
             </Text>
           )}
-        </Box>
-        {action && <Box>{action}</Box>}
+        </Stack>
+        {action && <Stack>{action}</Stack>}
       </Stack>
-      <Box>{children}</Box>
-    </Box>
+      <Stack>{children}</Stack>
+    </Stack>
   );
 }