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)/map/map.module.css

@@ -168,13 +168,15 @@
   background-color: white;
   border-top: 1px solid #ddd;
   padding: 10px 0;
-  position: sticky; /* Sticky positioning */
+  position: fixed; /* Changed from sticky to fixed */
   bottom: 0; /* Stick to bottom */
   left: 0;
   width: 100%;
   box-sizing: border-box;
   z-index: 100; /* Ensure it stays on top */
   flex-shrink: 0; /* Prevent navbar from shrinking */
+  margin: 0; /* Added margin property */
+  height: auto; /* Added height property */
 }
 
 .nav-item {