fixing map timing errors and still trying to make leaderboard and clues pages.

Added two menus to the admin dashboard with a navbar at the bottom:

Added navbar button for timer. Added navbar button to edit clues centrally. Added navbar button to view Admin version of leaderboard.

To add:
- the admin version of the leaderboard. has the same sort of initial view as the normal leaderboard however clicking on a team will create a drop down with their team stats.

Grey = cant click
Red = current
Green = complete
blue = skipped?

Need to add Clue page Need to fix Leaderboard.

app/(main)/admin/page.js

@@ -336,6 +336,31 @@ export default function AdminDashboard() {
         </div>
       </div>
 
+      {/* Admin Navigation Bar */}
+      <div className="admin-nav-bar">
+        <button
+          className="admin-nav-button active"
+          onClick={() => router.push("/admin")}
+        >
+          <div className="admin-nav-icon">⏱️</div>
+          <div className="admin-nav-label">Timer</div>
+        </button>
+        <button
+          className="admin-nav-button"
+          onClick={() => router.push("/admin/clues")}
+        >
+          <div className="admin-nav-icon">📝</div>
+          <div className="admin-nav-label">Clues</div>
+        </button>
+        <button
+          className="admin-nav-button"
+          onClick={() => router.push("/admin/leaderboard")}
+        >
+          <div className="admin-nav-icon">🏆</div>
+          <div className="admin-nav-label">Leaderboard</div>
+        </button>
+      </div>
+
       <style jsx>{`
         .admin-page {
           display: flex;
@@ -369,6 +394,7 @@ export default function AdminDashboard() {
           display: flex;
           flex-direction: column;
           align-items: center;
+          padding-bottom: 70px; /* Add space for the navbar */
         }
 
         .timer-display-container {
@@ -441,6 +467,52 @@ export default function AdminDashboard() {
           color: red;
           margin-top: 1rem;
         }
+
+        /* Admin Navigation Bar Styles */
+        .admin-nav-bar {
+          display: flex;
+          justify-content: space-around;
+          background-color: white;
+          border-top: 1px solid #ddd;
+          padding: 10px 0;
+          position: fixed;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+          z-index: 100;
+        }
+
+        .admin-nav-button {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          background: transparent;
+          border: none;
+          padding: 8px 0;
+          flex: 1;
+          cursor: pointer;
+          color: #666;
+          transition: all 0.2s ease;
+        }
+
+        .admin-nav-button.active {
+          color: #68543c;
+          font-weight: bold;
+        }
+
+        .admin-nav-button:hover {
+          background-color: rgba(104, 84, 60, 0.1);
+        }
+
+        .admin-nav-icon {
+          font-size: 24px;
+          margin-bottom: 4px;
+        }
+
+        .admin-nav-label {
+          font-size: 13px;
+        }
       `}</style>
     </div>
   );