tournament logo upload via api

src/features/tournaments/components/tournament-card.tsx

@@ -1,7 +1,7 @@
 import { Badge, Card, Text, Image, Stack, Flex } from "@mantine/core"
 import { Tournament } from "@/features/tournaments/types"
 import { useMemo } from "react"
-import { CaretRightIcon } from "@phosphor-icons/react"
+import { CaretRightIcon, TrophyIcon } from "@phosphor-icons/react"
 import { useNavigate } from "@tanstack/react-router"
 
 interface TournamentCardProps {
@@ -26,11 +26,12 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
       <Stack>
         <Flex align='center' gap='md'>
           <Image
-            src={tournament.logo_url}
+            src={tournament.logo ? `/api/files/tournaments/${tournament.id}/${tournament.logo}` : undefined}
             maw={100}
             mah={100}
             fit='contain'
             alt={tournament.name}
+            fallbackSrc={"TODO"}
             />
             <Stack ta='center' mx='auto' gap='0'>
               <Text size='lg' fw={800}>{tournament.name} <CaretRightIcon size={12} weight='bold' /></Text>