Fixed issue with map not loading, making SVG dynamically altered depending on the number of clues. then linking that to the clue pages

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

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

@@ -369,8 +369,7 @@ export default function TeamPage({ params }) {
           display: flex;
           flex-direction: column;
           min-height: 100vh;
-          background-color: #f4f4f4;
-          font-family: Arial, sans-serif;
+          padding-bottom: 70px; /* Add space for the navbar */
         }
 
         .team-banner {
@@ -475,6 +474,11 @@ export default function TeamPage({ params }) {
           background-color: white;
           border-top: 1px solid #ddd;
           padding: 10px 0;
+          position: fixed;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          z-index: 100;
         }
 
         .nav-item {