Made it so the team members page shows more than one user and fixed the issue so that multiple users can join the same team. Team GUI needs to be worked on however.

app/(auth)/login/page.js

@@ -129,21 +129,6 @@ export default function Login() {
         </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>
-
       <style jsx>{`
         .auth-page {
           display: flex;
@@ -194,22 +179,6 @@ export default function Login() {
           color: red;
           margin-top: 10px;
         }
-        .nav-bar {
-          position: fixed;
-          bottom: 0;
-          width: 100%;
-          background-color: #fff;
-          border-top: 1px solid #ccc;
-          padding: 10px 0;
-          text-align: center;
-        }
-        .nav-item {
-          display: inline-block;
-          margin: 0 10px;
-        }
-        .nav-icon {
-          font-size: 24px;
-        }
       `}</style>
     </div>
   );