back to square 1. Now convert the json format info into readable webpage info

app/(main)/create-team/page.js

@@ -43,7 +43,10 @@ export default function CreateTeam() {
     try {
       const response = await fetch("/api/teams", {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json",
+        },
+        credentials: "include", // Important for cookies
         body: JSON.stringify({ name: teamName }),
       });
 
@@ -53,7 +56,24 @@ export default function CreateTeam() {
         throw new Error(data.error || "Failed to create team");
       }
 
-      router.push(`/team/${data.teamId}`);
+      // Force a session update to get the new teamId
+      try {
+        // Update the client-side session data with the new teamId
+        if (session && session.user) {
+          session.user.teamId = data.teamId;
+        }
+        
+        console.log("Team created successfully, redirecting to:", `/team/${data.teamId}`);
+        
+        // Add a small delay to allow session update
+        setTimeout(() => {
+          router.push(`/team/${data.teamId}`);
+        }, 100);
+      } catch (navError) {
+        console.error("Navigation error:", navError);
+        // Fallback to direct navigation
+        window.location.href = `/team/${data.teamId}`;
+      }
     } catch (err) {
       setError(err.message);
       setIsLoading(false);