random imporvements

src/features/players/components/profile/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, Text } from "@mantine/core";
+import { Box, Button, Text, Title } from "@mantine/core";
 import Header from "./header";
 import { testEvent } from "@/utils/test-event";
 import { Player } from "@/features/players/types";
@@ -17,10 +17,12 @@ const Profile = ({ player }: ProfileProps) => {
     },
     {
       label: "Teams", 
-      content: <Text p="md">Panel 2 content</Text>
+      content: <>
+        <TeamList teams={player.teams || []} />
+      </>
     },
     {
-      label: "Stats",
+      label: "Tournaments",
       content: <Text p="md">Panel 3 content</Text>
     }
   ];
@@ -28,13 +30,7 @@ const Profile = ({ player }: ProfileProps) => {
   return <>
     <Header player={player} />
     <Box m='sm' mt='lg'>
-      <SwipeableTabs
-        tabs={tabs}
-        defaultTab={0}
-        onTabChange={(index, tab) => {
-          console.log(`Switched to ${tab.label} tab`);
-        }}
-      />
+      <SwipeableTabs tabs={tabs} />
     </Box>
   </>;
 };