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';