refactor: Update zone handling by integrating zoneStore in multiple components and removing unused zones state

app/src/components/layout/sidebarRight/properties/ZoneProperties.tsx

@@ -12,13 +12,17 @@ import { zoneCameraUpdate } from "../../../../services/visulization/zone/zoneCam
 import { useParams } from "react-router-dom";
 import { getUserData } from "../../../../functions/getUserData";
 import { useVersionContext } from "../../../../modules/builder/version/versionContext";
+import { useSceneContext } from "../../../../modules/scene/sceneContext";
 
 const ZoneProperties: React.FC = () => {
   const { Edit, setEdit } = useEditPosition();
   const { selectedZone, setSelectedZone } = useSelectedZoneStore();
   const { zonePosition, setZonePosition } = usezonePosition();
   const { zoneTarget, setZoneTarget } = usezoneTarget();
-  const { zones, setZones } = useZones();
+  // const { zones, setZones } = useZones();
+  const { assetStore, zoneStore } = useSceneContext();
+  const { zones, setZoneName } = zoneStore()
+
   const { projectId } = useParams();
   const { userName, userId, organization, email } = getUserData();
   const { selectedVersionStore } = useVersionContext();
@@ -34,10 +38,11 @@ const ZoneProperties: React.FC = () => {
 
       let zonesdata = {
         zoneUuid: selectedZone.zoneUuid,
-        viewPortposition: zonePosition,
-        viewPortCenter: zoneTarget,
+        viewPortPosition: zonePosition,
+        viewPortTarget: zoneTarget,
       };
 
+
       let response = await zoneCameraUpdate(zonesdata, organization, projectId, selectedVersion?.versionId || "");
       // console.log('response: ', response);
       if (response.message === "zone updated") {
@@ -63,13 +68,14 @@ const ZoneProperties: React.FC = () => {
     let response = await zoneCameraUpdate(zonesdata, organization, projectId, selectedVersion?.versionId || "");
     if (response.message === "zone updated") {
       setSelectedZone((prev) => ({ ...prev, zoneName: newName }));
-      setZones((prevZones: any[]) =>
-        prevZones.map((zone) =>
-          zone.zoneUuid === selectedZone.zoneUuid
-            ? { ...zone, zoneName: newName }
-            : zone
-        )
-      );
+      setZoneName(selectedZone.zoneUuid, newName)
+      // setZones((prevZones: any[]) =>
+      //   prevZones.map((zone) =>
+      //     zone.zoneUuid === selectedZone.zoneUuid
+      //       ? { ...zone, zoneName: newName }
+      //       : zone
+      //   )
+      // );
     } else {
       // console.log(response?.message);
     }
@@ -81,6 +87,7 @@ const ZoneProperties: React.FC = () => {
     setSelectedZone((prev) => ({ ...prev, [key]: newValue }));
   }
   const checkZoneNameDuplicate = (name: string) => {
+    console.log('zones: ', zones);
     return zones.some(
       (zone: any) =>
         zone.zoneName?.trim().toLowerCase() === name?.trim().toLowerCase() &&