website refactor

apps/website/ui/LeagueSummaryCard.tsx

@@ -7,7 +7,7 @@ import { Card } from './Card';
 import { Grid } from './Grid';
 import { Heading } from './Heading';
 import { Icon } from './Icon';
-import { Image } from './Image';
+import { LeagueLogo } from './LeagueLogo';
 import { Link } from './Link';
 import { Stack } from './Stack';
 import { Surface } from './Surface';
@@ -34,22 +34,7 @@ export function LeagueSummaryCard({
     <Card p={0} style={{ overflow: 'hidden' }}>
       <Box p={4}>
         <Stack direction="row" align="center" gap={4} mb={4}>
-          <Box
-            w="14"
-            h="14"
-            rounded="lg"
-            overflow="hidden"
-            bg="bg-deep-graphite"
-            flexShrink={0}
-          >
-            <Image
-              src={`/media/league-logo/${id}`}
-              alt={name}
-              width={56}
-              height={56}
-              style={{ width: '100%', height: '100%', objectFit: 'cover' }}
-            />
-          </Box>
+          <LeagueLogo leagueId={id} alt={name} size={56} />
           <Box style={{ flex: 1, minWidth: 0 }}>
             <Text
               size="xs"