website refactor

apps/website/components/leagues/LeagueCardWrapper.tsx

@@ -5,6 +5,8 @@ import {
   Flag,
   Award,
   Sparkles,
+  Gamepad2,
+  Layers,
 } from 'lucide-react';
 import type { LeagueSummaryViewModel } from '@/lib/view-models/LeagueSummaryViewModel';
 import { getMediaUrl } from '@/lib/utilities/media';
@@ -152,24 +154,24 @@ export function LeagueCard({ league, onClick }: LeagueCardProps) {
       badges={
         <>
           {isNew && (
-            <Badge variant="success" icon={Sparkles}>
+            <Badge variant="success" icon={Sparkles} size="sm">
               NEW
             </Badge>
           )}
           {league.scoring?.gameName && (
-            <Badge variant={gameVariant}>
+            <Badge variant={gameVariant} icon={Gamepad2} size="sm">
               {league.scoring.gameName}
             </Badge>
           )}
           {league.category && (
-            <Badge variant={categoryVariant}>
+            <Badge variant={categoryVariant} icon={Layers} size="sm">
               {categoryLabel}
             </Badge>
           )}
         </>
       }
       championshipBadge={
-        <Badge variant="default" icon={ChampionshipIcon}>
+        <Badge variant="outline" icon={ChampionshipIcon} size="sm">
           {championshipLabel}
         </Badge>
       }