all that's left is adding slightly better error handling for map to check if a hunt is active or not and to add the clues pages.

Grey = cant click
Red = current
Green = complete
blue = skipped?

app/(main)/team/[teamId]/page.js

@@ -341,22 +341,26 @@ export default function TeamPage({ params }) {
         )}
       </div>
 
-      <div className="nav-bar">
-        <Link href={`/${teamId}`} className="nav-item">
-          <div className="nav-icon">🏠</div>
-          <div className="nav-label">Home</div>
-        </Link>
-        <Link href="/leaderboard" className="nav-item">
-          <div className="nav-icon">📊</div>
+      {/* Replace the outdated navbar with this consistent design */}av-bar"]}>
+      <div className="nav-bar">v-item"]}>
+        <Link href="/map" className="nav-item">>🗺️</div>
+          <div className="nav-icon">🗺️</div>>Map</div>
+          <div className="nav-label">Map</div>
+        </Link>v-item"]}>
+        <Link href="/stats" className="nav-item">}>📊</div>
+          <div className="nav-icon">📊</div>tats</div>
           <div className="nav-label">Stats</div>
-        </Link>
-        <Link href="/team-selection" className="nav-item active">
-          <div className="nav-icon">👥</div>
+        </Link> 
+        <Link  
+          href={teamData ? `/${teamData.id}` : "/team-selection"} tem"]} ${styles["active"]}`}
+          className="nav-item active"
+        >}>👥</div>
+          <div className="nav-icon">👥</div>Team</div>
           <div className="nav-label">Team</div>
-        </Link>
-        <Link href="/profile" className="nav-item">
-          <div className="nav-icon">👤</div>
-          <div className="nav-label">Profile</div>
+        </Link>v-item"]}>
+        <Link href="/leaderboard" className="nav-item">}>🏆</div>
+          <div className="nav-icon">🏆</div>oard</div>
+          <div className="nav-label">Leaderboard</div>
         </Link>
       </div>