website refactor

apps/website/components/sponsors/RenewalItem.tsx

@@ -1,10 +1,9 @@
 
 
 import { LucideIcon } from 'lucide-react';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
-import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 
 interface RenewalItemProps {
@@ -35,12 +34,12 @@ export function RenewalItem({
     >
       <Stack direction="row" align="center" gap={3}>
         <Icon icon={icon} size={4} color="rgb(245, 158, 11)" />
-        <Box>
+        <Stack>
           <Text size="sm" color="text-white" block>{name}</Text>
           <Text size="xs" color="text-gray-400">Renews {renewDateLabel}</Text>
-        </Box>
+        </Stack>
       </Stack>
-      <Box textAlign="right">
+      <Stack textAlign="right">
         <Text size="sm" weight="semibold" color="text-white" block>{priceLabel}</Text>
         <Button 
           variant="secondary" 
@@ -51,7 +50,7 @@ export function RenewalItem({
         >
           Renew
         </Button>
-      </Box>
+      </Stack>
     </Stack>
   );
 }