also fixing some issues with rerouting api after a user logs in.

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

@@ -360,6 +360,7 @@ export default function TeamPage({ params }) {
           margin: 0;
           font-size: 24px;
           font-weight: bold;
+          color: white;
         }
 
         .team-code {
@@ -392,6 +393,7 @@ export default function TeamPage({ params }) {
           display: flex;
           align-items: center;
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+          border: 2px solid #68543c; /* Add 2px thick border with the same brown color as banner */
         }
 
         .member-avatar {

app/(main)/admin/page.js

@@ -242,12 +242,6 @@ export default function AdminDashboard() {
   return (
     <div className="admin-page">
       <div className="page-header">
-        <div
-          className="back-button"
-          onClick={() => router.push("/team-selection")}
-        >
-          ←
-        </div>
         <div className="page-title">Admin Dashboard</div>
         <div className="placeholder"></div>
       </div>
@@ -337,20 +331,13 @@ export default function AdminDashboard() {
 
         .page-header {
           display: flex;
-          justify-content: space-between;
+          justify-content: center;
           align-items: center;
           padding: 1rem;
           background-color: #68543c;
           color: white;
         }
 
-        .back-button {
-          font-size: 1.5rem;
-          cursor: pointer;
-          width: 40px;
-          text-align: center;
-        }
-
         .page-title {
           font-size: 1.2rem;
           font-weight: 600;
@@ -358,6 +345,7 @@ export default function AdminDashboard() {
 
         .placeholder {
           width: 40px;
+          display: none;
         }
 
         .admin-content {