website refactor

apps/website/components/sponsors/SponsorPayoutQueueTable.tsx

@@ -2,11 +2,10 @@
 
 import React from 'react';
 import { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from '@/ui/Table';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Icon } from '@/ui/Icon';
 import { Badge } from '@/ui/Badge';
-import { Stack } from '@/ui/Stack';
 import { 
   Clock, 
   CheckCircle2, 
@@ -73,14 +72,14 @@ export function SponsorPayoutQueueTable({ payouts }: SponsorPayoutQueueTableProp
                 </Stack>
               </TableCell>
               <TableCell>
-                <Box display="flex" justifyContent="center">
+                <Stack display="flex" justifyContent="center">
                   <Badge variant={payout.status === 'completed' ? 'success' : payout.status === 'failed' ? 'danger' : 'warning'}>
                     <Stack direction="row" align="center" gap={1.5}>
                       <Icon icon={status.icon} size={3} />
                       <Text size="xs" weight="bold" uppercase letterSpacing="wider">{status.label}</Text>
                     </Stack>
                   </Badge>
-                </Box>
+                </Stack>
               </TableCell>
             </TableRow>
           );