website refactor

apps/website/templates/SponsorLeaguesTemplate.tsx

@@ -22,6 +22,7 @@ import {
 } from 'lucide-react';
 import { siteConfig } from '@/lib/siteConfig';
 import { routes } from '@/lib/routing/RouteConfig';
+import { SponsorDashboardHeader } from '@/components/sponsors/SponsorDashboardHeader';
 import { AvailableLeagueCard } from '@/components/sponsors/AvailableLeagueCard';
 import { Input } from '@/ui/Input';
 
@@ -47,7 +48,7 @@ export type SortOption = 'rating' | 'drivers' | 'price' | 'views';
 export type TierFilter = 'all' | 'premium' | 'standard' | 'starter';
 export type AvailabilityFilter = 'all' | 'main' | 'secondary';
 
-interface SponsorLeaguesViewData {
+export interface SponsorLeaguesViewData {
   leagues: AvailableLeague[];
   stats: {
     total: number;
@@ -88,14 +89,10 @@ export function SponsorLeaguesTemplate({
         </Box>
 
         {/* Header */}
-        <Box>
-          <Heading level={1} icon={<Icon icon={Trophy} size={7} color="#3b82f6" />}>
-            League Sponsorship Marketplace
-          </Heading>
-          <Text color="text-gray-400" block mt={2}>
-            Discover racing leagues looking for sponsors. All prices shown exclude VAT.
-          </Text>
-        </Box>
+        <SponsorDashboardHeader 
+          sponsorName="Sponsor" 
+          onRefresh={() => console.log('Refresh')} 
+        />
 
         {/* Stats Overview */}
         <Grid cols={5} gap={4}>