fixed a bit

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

@@ -2,6 +2,7 @@
 import { useState, useEffect } from 'react';
 import { useSession } from 'next-auth/react';
 import { useRouter } from 'next/navigation';
+import Link from 'next/link';
 import { joinTeam } from '../../actions/auth';
 
 export default function TeamSelection() {
@@ -56,6 +57,12 @@ export default function TeamSelection() {
 
     return (
         <div className="team-selection-container">
+            <div className="page-header">
+                <div className="back-button">←</div>
+                <div className="page-title">Team Selection</div>
+                <div className="placeholder"></div>
+            </div>
+
             <div className="team-selection-card">
                 <h1>Team Selection</h1>
                 <form onSubmit={handleJoinTeam}>
@@ -79,7 +86,22 @@ export default function TeamSelection() {
                 </form>
                 {error && <p className="error">{error}</p>}
                 <div className="team-options">
-                    <a href="/create-team" className="create-team-link">Create a new team</a>
+                    <Link href="/create-team" className="create-team-link">Create a new team</Link>
+                </div>
+            </div>
+
+            <div className="nav-bar">
+                <div className="nav-item">
+                    <div className="nav-icon">🏠</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">📊</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">🏆</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">👤</div>
                 </div>
             </div>
         </div>