fixed some CSS styling errors with the team member list page and also added the admin dashboard to allow them to start a hunt with either a stop watch style hunt or a predetermined hunt duration. also fixed some css styling issues I ran into due to using some template code to make the dev process quicker

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

@@ -334,6 +334,10 @@ export default function TeamPage({ params }) {
           min-height: 100vh;
           background-color: #f4f4f4;
           font-family: Arial, sans-serif;
+          position: relative;
+          overflow-x: hidden; /* Prevent horizontal scroll */
+          width: 100%;
+          padding-bottom: 70px; /* Add padding to accommodate fixed navbar */
         }
 
         .team-banner {
@@ -449,6 +453,12 @@ export default function TeamPage({ params }) {
           background-color: white;
           border-top: 1px solid #ddd;
           padding: 10px 0;
+          position: fixed; /* Fix the navbar at the bottom */
+          bottom: 0;
+          left: 0;
+          width: 100%; /* Use 100% instead of 100vw to prevent overflow issues */
+          box-sizing: border-box; /* Include padding in width calculation */
+          z-index: 100; /* Ensure navbar is above other content */
         }
 
         .nav-item {
@@ -458,7 +468,8 @@ export default function TeamPage({ params }) {
           text-decoration: none;
           color: #666;
           flex: 1;
-          padding: 10px 0;
+          padding: 8px 0;
+          max-width: 25%; /* Ensure each item takes up equal space */
         }
 
         .nav-item.active {
@@ -466,12 +477,27 @@ export default function TeamPage({ params }) {
         }
 
         .nav-icon {
-          font-size: 24px;
-          margin-bottom: 5px;
+          font-size: 22px;
+          margin-bottom: 3px;
         }
 
         .nav-label {
           font-size: 12px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          width: 100%;
+          text-align: center;
+        }
+
+        /* Responsive adjustments for smaller screens */
+        @media (max-width: 375px) {
+          .nav-icon {
+            font-size: 20px;
+          }
+          .nav-label {
+            font-size: 10px;
+          }
         }
 
         .loading-container,