website refactor

apps/website/app/leagues/LeaguesClient.tsx

@@ -18,7 +18,7 @@ import {
   Target,
   Timer,
 } from 'lucide-react';
-import LeagueCard from '@/components/leagues/LeagueCard';
+import { LeagueCard } from '@/ui/LeagueCardWrapper';
 import { Button } from '@/ui/Button';
 import { Card } from '@/ui/Card';
 import { Input } from '@/ui/Input';
@@ -29,7 +29,7 @@ import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Grid } from '@/ui/Grid';
 import { GridItem } from '@/ui/GridItem';
-import { HeroSection } from '@/components/shared/HeroSection';
+import { PageHero } from '@/ui/PageHero';
 import type { LeaguesViewData } from '@/lib/view-data/LeaguesViewData';
 import type { LeagueSummaryViewModel } from '@/lib/view-models/LeagueSummaryViewModel';
 
@@ -468,7 +468,7 @@ export function LeaguesClient({
   return (
     <Container size="lg" pb={12}>
       {/* Hero Section */}
-      <HeroSection
+      <PageHero
         title="Find Your Grid"
         description="From casual sprints to epic endurance battles — discover the perfect league for your racing style."
         icon={Trophy}