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>
   </>;
 };

src/features/players/server.ts

@@ -1,13 +1,16 @@
-import { setUserMetadata, superTokensFunctionMiddleware } from "@/utils/supertokens";
+import { setUserMetadata, superTokensFunctionMiddleware, verifySuperTokensSession } from "@/utils/supertokens";
 import { createServerFn } from "@tanstack/react-start";
 import { playerInputSchema, playerUpdateSchema } from "@/features/players/types";
 import { pbAdmin } from "@/lib/pocketbase/client";
 import { z } from "zod";
 import { logger } from ".";
+import { getWebRequest } from "@tanstack/react-start/server";
 
 export const fetchMe = createServerFn()
-  .middleware([superTokensFunctionMiddleware])
-  .handler(async ({ context }) => {
+  .handler(async ({ response }) => {
+    const request = getWebRequest();
+    const { context } = await verifySuperTokensSession(request, response);
+
     if (!context || !context.userAuthId) return { user: undefined, roles: [], metadata: {} };
 
     try {