fixed the map, made it so the map is scrollable and synced the timing between the admin page and map page. They now share the same elapsed time. need to fix map css for altering the svg.

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

Need to add Clue page Need to fix Leaderboard.

app/waiting/page.js

@@ -3,6 +3,7 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { useSession } from "next-auth/react";
 import styles from "./waiting.module.css";
+import { setHuntTimer, clearHuntTimer } from "@/utils/timerService";
 
 export default function WaitingPage() {
   const router = useRouter();
@@ -52,11 +53,8 @@ export default function WaitingPage() {
             if (teamHuntResponse.ok) {
               const teamHuntData = await teamHuntResponse.json();
               if (teamHuntData.startTime) {
-                // Store the start time for the map page
-                localStorage.setItem(
-                  "teamHuntStartTime",
-                  teamHuntData.startTime
-                );
+                // Store the start time in the centralized timer service
+                setHuntTimer(teamHuntData.startTime);
 
                 console.log("Team hunt is active! Redirecting to map...");
                 redirectAttempted = true;
@@ -92,6 +90,10 @@ export default function WaitingPage() {
             // Hunt was active before but now it's not - it has ended
             console.log("Hunt has ended! Showing leaderboard...");
             setHuntEnded(true);
+
+            // Clear any timer data
+            clearHuntTimer();
+
             // Don't redirect immediately to allow user to read the message
           }
 
@@ -99,9 +101,9 @@ export default function WaitingPage() {
           setLastHuntData(data);
 
           if (data.active) {
-            // Store the global start time
+            // Store the global start time in the centralized timer service
             if (data.startTime) {
-              localStorage.setItem("teamHuntStartTime", data.startTime);
+              setHuntTimer(data.startTime, data.endTime);
             }
 
             console.log("Hunt is active! Redirecting immediately...");