Refactor HeatMap component to utilize useHeatMapStore and log bakedPoints; enable baked point addition in RealTimeHeatMap

app/src/components/heatMapGenerator/heatMap.tsx

@@ -1,10 +1,18 @@
 import RealTimeHeatMap from "./realTime/realTimeHeatMap";
 import BakedHeatMap from "./baked/bakedHeatMap";
+import { useEffect } from "react";
+import { useHeatMapStore } from "../../store/simulation/useHeatMapStore";
 
 function HeatMap() {
+    const { bakedPoints, setBakedPoints } = useHeatMapStore();
+
+    useEffect(() => {
+        // console.log("bakedPoints: ", bakedPoints);
+    }, [bakedPoints]);
+
     return (
         <>
-            <RealTimeHeatMap />
+            {/* <RealTimeHeatMap /> */}
 
             <BakedHeatMap />
         </>

app/src/components/heatMapGenerator/realTime/realTimeHeatMap.tsx

@@ -126,7 +126,7 @@ const RealTimeHeatMap = () => {
                   })()
                 : model.position;
 
-            // addBakedPoint({ x: pos.x, y: pos.z });
+            addBakedPoint({ x: pos.x, y: pos.z });
 
             updatedPoints.push({ x: pos.x, y: pos.z, strength: 0.3, lastUpdated: now });
         });