zone camera updation and builder zoneadatas

app/src/store/useZoneStore.ts

@@ -15,21 +15,31 @@ interface SelectedZoneState {
   activeSides: Side[];
   panelOrder: Side[];
   lockedPanels: Side[];
+  zoneId: string;
+  zoneViewPortTarget: number[];
+  zoneViewPortPosition: number[];
   widgets: Widget[];
 }
 
 interface SelectedZoneStore {
   selectedZone: SelectedZoneState;
-  setSelectedZone: (zone: Partial<SelectedZoneState> | ((prev: SelectedZoneState) => SelectedZoneState)) => void;
+  setSelectedZone: (
+    zone:
+      | Partial<SelectedZoneState>
+      | ((prev: SelectedZoneState) => SelectedZoneState)
+  ) => void;
 }
 
 export const useSelectedZoneStore = create<SelectedZoneStore>((set) => ({
   selectedZone: {
-    zoneName: "",
-    activeSides: [],
-    panelOrder: [],
-    lockedPanels: [],
-    widgets: [],
+    zoneName: "", // Empty string initially
+    activeSides: [], // Empty array
+    panelOrder: [], // Empty array
+    lockedPanels: [], // Empty array
+    zoneId: "",
+    zoneViewPortTarget: [],
+    zoneViewPortPosition: [],
+    widgets: [], // Empty array
   },
   setSelectedZone: (zone) =>
     set((state) => ({
@@ -38,4 +48,4 @@ export const useSelectedZoneStore = create<SelectedZoneStore>((set) => ({
           ? zone(state.selectedZone) // Handle functional updates
           : { ...state.selectedZone, ...zone }, // Handle partial updates
     })),
-}));
+}));