enroll team polish?

src/features/teams/components/team-profile/header.tsx

@@ -5,13 +5,19 @@ import { Team } from "../../types";
 interface HeaderProps {
   name: string;
   logo?: string;
+  id?: string;
 }
 
-const Header = ({ name, logo }: HeaderProps) => {
+const Header = ({ name, logo, id }: HeaderProps) => {
   return (
     <>
       <Flex px="xl" w="100%" align="self-end" gap="md">
-        <Avatar radius="sm" name={name} size={125} />
+        <Avatar
+          radius="sm"
+          name={name}
+          size={125}
+          src={logo && id ? `/api/files/teams/${id}/${logo}` : undefined}
+        />
         <Flex align="center" justify="center" gap={4} pb={20} w="100%">
           <Title ta="center" order={2}>
             {name}

src/features/teams/components/team-profile/index.tsx

@@ -36,7 +36,7 @@ const TeamProfile = ({ id }: ProfileProps) => {
   ];
   return (
     <>
-      <Header name={team.name} logo={team.logo} />
+      <Header name={team.name} logo={team.logo} id={team.id} />
       <Box mt="lg">
         <SwipeableTabs tabs={tabs} />
       </Box>