website refactor

apps/website/components/leagues/SponsorshipRequestCard.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import { CheckCircle, XCircle, AlertCircle } from 'lucide-react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Badge } from '@/ui/Badge';
@@ -54,7 +53,7 @@ export function SponsorshipRequestCard({ request }: SponsorshipRequestCardProps)
     >
       <Stack direction="row" align="start" justify="between">
         {/* eslint-disable-next-line gridpilot-rules/component-classification */}
-        <Box style={{ flex: 1, minWidth: 0 }}>
+        <Stack style={{ flex: 1, minWidth: 0 }}>
           <Stack direction="row" align="center" gap={3} mb={2}>
             <Icon icon={statusIcon} size={5} color={statusColor} />
             <Text weight="semibold" color="text-white">{request.sponsorName}</Text>
@@ -70,7 +69,7 @@ export function SponsorshipRequestCard({ request }: SponsorshipRequestCardProps)
           <Text size="xs" color="text-gray-400" block>
             {new Date(request.requestedAt).toLocaleDateString()}
           </Text>
-        </Box>
+        </Stack>
       </Stack>
     </Surface>
   );