website refactor

apps/website/templates/LeagueDetailTemplate.tsx

@@ -8,12 +8,13 @@ import {
   SharedLink, 
   SharedText, 
   SharedStack,
-  SharedContainer
+  SharedContainer,
+  SharedIcon
 } from '@/components/shared/UIComponents';
 import { ChevronRight } from 'lucide-react';
 import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';
 
-export function LeagueDetailTemplate({ viewData }: TemplateProps<LeagueDetailViewData>) {
+export function LeagueDetailTemplate({ viewData, children, tabs }: TemplateProps<LeagueDetailViewData> & { children?: React.ReactNode, tabs?: any[] }) {
   return (
     <SharedContainer size="lg">
       <SharedBox paddingY={8}>
@@ -27,11 +28,10 @@ export function LeagueDetailTemplate({ viewData }: TemplateProps<LeagueDetailVie
               <SharedText size="sm" color="text-white">{viewData.name}</SharedText>
             </SharedStack>
           </SharedBox>
+          {children}
           {/* ... rest of the template ... */}
         </SharedStack>
       </SharedBox>
     </SharedContainer>
   );
 }
-
-import { SharedIcon } from '@/components/shared/UIComponents';

apps/website/templates/TeamDetailTemplate.tsx

@@ -50,7 +50,7 @@ export function TeamDetailTemplate({
     return (
       <Box bg="base-black" minH="screen" display="flex" center>
         <Stack align="center" gap={4}>
-          <Box w="12" h="12" border={4} borderColor="primary-accent" borderOpacity={0.2} borderTop borderTopColor="primary-accent" rounded="full" animate="spin" />
+          <Box w="12" h="12" border borderColor="primary-accent" borderOpacity={0.2} borderTop borderTopColor="primary-accent" rounded="full" animate="spin" />
           <Text color="text-gray-500" font="mono" size="xs" uppercase letterSpacing="widest">Synchronizing Telemetry...</Text>
         </Stack>
       </Box>

apps/website/templates/TeamsTemplate.tsx

@@ -5,7 +5,7 @@ import { TeamGrid } from '@/components/teams/TeamGrid';
 import { TeamLeaderboardPreview } from '@/components/teams/TeamLeaderboardPreviewWrapper';
 import { TeamsDirectoryHeader } from '@/components/teams/TeamsDirectoryHeader';
 import { TeamsDirectory, TeamsDirectorySection } from '@/components/teams/TeamsDirectory';
-import { SharedEmptyState } from '@/components/shared/SharedEmptyState';
+import { SharedEmptyState } from '@/components/shared/UIComponents';
 import type { TeamsViewData } from '@/lib/view-data/TeamsViewData';
 import { Users } from 'lucide-react';
 import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';

apps/website/templates/layout/GlobalSidebarTemplate.tsx

@@ -4,7 +4,7 @@ import { AuthedNav } from '@/components/layout/AuthedNav';
 import { PublicNav } from '@/components/layout/PublicNav';
 import { useCurrentSession } from '@/hooks/auth/useCurrentSession';
 import { Box } from '@/ui/Box';
-import { DashboardRail } from '@/ui/DashboardRail';
+import { DashboardRail } from '@/components/dashboard/DashboardRail';
 import { Text } from '@/ui/Text';
 import { usePathname } from 'next/navigation';
 

apps/website/templates/layout/HeaderContentTemplate.tsx

@@ -1,4 +1,4 @@
-import { BrandMark } from '@/components/layout/BrandMark';
+import { BrandMark } from '@/ui/BrandMark';
 import { HeaderActions } from '@/components/layout/HeaderActions';
 import { PublicNav } from '@/components/layout/PublicNav';
 import { useCurrentSession } from '@/hooks/auth/useCurrentSession';