added more clue buttons and positioned them correctly, need to fix elapsed timer on clue page....

app/(main)/map/page.js

@@ -362,7 +362,6 @@ export default function MapPage() {
               className={styles["map-image"]}
             />
 
-            {/* Overlay div with the clue button - positioned exactly over the map */}
             <div id="map-overlay-container" className={styles["map-overlay"]}>
               {/* Hardcoded Clue 1 button */}
               {firstClue && (
@@ -384,7 +383,6 @@ export default function MapPage() {
                 </button>
               )}
 
-              {/* Add Clue 2 button - positioned 50px more to the right and 30px more down than current position */}
               {clues.length > 1 && (
                 <button
                   className={getClueButtonClass(clues[1])}
@@ -404,7 +402,6 @@ export default function MapPage() {
                 </button>
               )}
 
-              {/* Add Clue 3 button - positioned 50px more to the right and 30px more down than current position */}
               {clues.length > 1 && (
                 <button
                   className={getClueButtonClass(clues[2])}
@@ -423,6 +420,8 @@ export default function MapPage() {
                   Clue {clues[2].id}
                 </button>
               )}
+
+              {/* clues should go above here */}
             </div>
           </div>
         </div>