Merge branch 'main' into rtViz

app/src/components/ui/componets/RealTimeVisulization.tsx

@@ -12,7 +12,6 @@ import { useDroppedObjectsStore } from "../../../store/useDroppedObjectsStore";
 import { useZones } from "../../../store/store";
 
 
-
 type Side = "top" | "bottom" | "left" | "right";
 
 type FormattedZoneData = Record<
@@ -130,7 +129,8 @@ const RealTimeVisulization: React.FC = () => {
         style={{
           height: "100%",
           width: "100%",
-          borderRadius: isPlaying || activeModule !== "visualization" ? "" : "6px",
+          borderRadius:
+            isPlaying || activeModule !== "visualization" ? "" : "6px",
         }}
         onDrop={(event) => handleDrop(event)}
         onDragOver={(event) => event.preventDefault()}
@@ -157,10 +157,10 @@ const RealTimeVisulization: React.FC = () => {
           )}
 
           <Panel
-            hiddenPanels={hiddenPanels}
             selectedZone={selectedZone}
             setSelectedZone={setSelectedZone}
-
+            hiddenPanels={hiddenPanels}
+            setZonesData={setZonesData}
           />
         </>
       )}