website refactor

apps/website/components/leagues/LeagueTabs.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Link } from '@/ui/Link';
 import { Text } from '@/ui/Text';
@@ -18,7 +17,7 @@ interface LeagueTabsProps {
 
 export function LeagueTabs({ tabs }: LeagueTabsProps) {
   return (
-    <Box borderBottom borderColor="border-charcoal-outline">
+    <Stack borderBottom borderColor="border-charcoal-outline">
       <Stack direction="row" gap={6} overflow="auto">
         {tabs.map((tab) => (
           <Link
@@ -26,17 +25,17 @@ export function LeagueTabs({ tabs }: LeagueTabsProps) {
             href={tab.href}
             variant="ghost"
           >
-            <Box pb={3} px={1}>
+            <Stack pb={3} px={1}>
               <Text weight="medium" 
                 // eslint-disable-next-line gridpilot-rules/component-classification
                 className="whitespace-nowrap"
               >
                 {tab.label}
               </Text>
-            </Box>
+            </Stack>
           </Link>
         ))}
       </Stack>
-    </Box>
+    </Stack>
   );
 }