website refactor

apps/website/components/profile/ProfileSection.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { SectionHeader } from '@/ui/SectionHeader';
+import { Box } from '@/ui/Box';
 import React from 'react';
 
 interface ProfileSectionProps {
@@ -12,14 +13,14 @@ interface ProfileSectionProps {
 
 export function ProfileSection({ title, description, action, children }: ProfileSectionProps) {
   return (
-    <section style={{ marginBottom: '2rem' }}>
+    <Box as="section" marginBottom={8}>
       <SectionHeader
         title={title}
         description={description}
         actions={action}
         variant="minimal"
       />
-      <div>{children}</div>
-    </section>
+      <Box>{children}</Box>
+    </Box>
   );
 }