fixed a bit of css

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

@@ -1,5 +1,5 @@
 'use client'; // Mark as a Client Component
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useSession } from 'next-auth/react';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
@@ -11,17 +11,18 @@ export default function CreateTeam() {
     const [isLoading, setIsLoading] = useState(false);
     const router = useRouter();
 
-    // Redirect if not authenticated
-    if (status === 'unauthenticated') {
-        router.push('/login');
-        return null;
-    }
+    // Use useEffect for navigation instead of doing it in render
+    useEffect(() => {
+        // Redirect if not authenticated
+        if (status === 'unauthenticated') {
+            router.push('/login');
+        }
 
-    // Redirect if user is admin
-    if (status === 'authenticated' && session?.user?.role === 'admin') {
-        router.push('/admin');
-        return null;
-    }
+        // Redirect if user is admin
+        if (status === 'authenticated' && session?.user?.role === 'admin') {
+            router.push('/admin');
+        }
+    }, [status, session, router]);
 
     const handleCreateTeam = async (e) => {
         e.preventDefault();
@@ -59,10 +60,14 @@ export default function CreateTeam() {
         return <div className="loading">Loading...</div>;
     }
 
+    // Don't render anything if redirecting
+    if (status === 'unauthenticated' || (status === 'authenticated' && session?.user?.role === 'admin')) {
+        return null;
+    }
+
     return (
         <div className="team-selection-container">
             <div className="page-header">
-                <Link href="/team-selection" className="back-button">←</Link>
                 <div className="page-title">Create Team</div>
                 <div className="placeholder"></div>
             </div>
@@ -94,7 +99,7 @@ export default function CreateTeam() {
                 </div>
             </div>
 
-            <div className="nav-bar">
+            <div className="nav-bar ">
                 <div className="nav-item">
                     <div className="nav-icon">🏠</div>
                 </div>

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

@@ -58,7 +58,7 @@ export default function TeamSelection() {
     return (
         <div className="team-selection-container">
             <div className="page-header">
-                <div className="back-button">←</div>
+                <div className="back-button"></div>
                 <div className="page-title">Team Selection</div>
                 <div className="placeholder"></div>
             </div>