website refactor

apps/website/components/sponsors/SponsorDashboardHeader.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
@@ -30,7 +29,7 @@ interface SponsorDashboardHeaderProps {
  */
 export function SponsorDashboardHeader({ sponsorName, onRefresh }: SponsorDashboardHeaderProps) {
   return (
-    <Box mb={8}>
+    <Stack mb={8}>
       <Stack direction={{ base: 'col', md: 'row' }} align="start" justify="between" gap={4}>
         <Stack direction="row" align="center" gap={4}>
           <Surface 
@@ -43,14 +42,14 @@ export function SponsorDashboardHeader({ sponsorName, onRefresh }: SponsorDashbo
           >
             <Icon icon={LayoutDashboard} size={6} color="text-primary-blue" />
           </Surface>
-          <Box>
+          <Stack>
             <Heading level={1} fontSize="2xl" weight="bold" color="text-white">
               Sponsor Dashboard
             </Heading>
             <Text color="text-gray-400" size="sm">
               Welcome back, <Text color="text-white" weight="medium">{sponsorName}</Text>
             </Text>
-          </Box>
+          </Stack>
         </Stack>
 
         <Stack direction="row" align="center" gap={3}>
@@ -81,7 +80,7 @@ export function SponsorDashboardHeader({ sponsorName, onRefresh }: SponsorDashbo
           
           <Button variant="secondary" size="sm" position="relative">
             <Icon icon={Bell} size={4} />
-            <Box 
+            <Stack 
               position="absolute" 
               top={-1} 
               right={-1} 
@@ -95,6 +94,6 @@ export function SponsorDashboardHeader({ sponsorName, onRefresh }: SponsorDashbo
           </Button>
         </Stack>
       </Stack>
-    </Box>
+    </Stack>
   );
 }