added api to fetch data

app/src/store/useChartStore.ts

@@ -1,28 +1,28 @@
-import { create } from "zustand";
-
-interface Measurement {
-  name: string;
-  fields: string;
-}
-
-interface MeasurementStore {
-  measurements: Measurement[];
-  interval: number;
-  duration: string;
-  setMeasurements: (newMeasurements: Measurement[]) => void;
-  updateDuration: (newDuration: string) => void;
-}
-
-const useChartStore = create<MeasurementStore>((set) => ({
-  measurements: [],
-  interval: 1000,
-  duration: "1h",
-
-  setMeasurements: (newMeasurements) =>
-    set(() => ({ measurements: newMeasurements })),
-
-  updateDuration: (newDuration) =>
-    set(() => ({ duration: newDuration })),
-}));
-
-export default useChartStore;
+import { create } from "zustand";
+
+interface Measurement {
+  name: string;
+  fields: string;
+}
+
+interface MeasurementStore {
+  measurements: Measurement[];
+  interval: number;
+  duration: string;
+  setMeasurements: (newMeasurements: Measurement[]) => void;
+  updateDuration: (newDuration: string) => void;
+}
+
+const useChartStore = create<MeasurementStore>((set) => ({
+  measurements: [],
+  interval: 1000,
+  duration: "1h",
+
+  setMeasurements: (newMeasurements) =>
+    set(() => ({ measurements: newMeasurements })),
+
+  updateDuration: (newDuration) =>
+    set(() => ({ duration: newDuration })),
+}));
+
+export default useChartStore;

app/src/store/useModuleStore.ts

@@ -6,7 +6,7 @@ interface ModuleStore {
 }
 
 const useModuleStore = create<ModuleStore>((set) => ({
-  activeModule: "visualization", // Initial state
+  activeModule: "builder", // Initial state
   setActiveModule: (module) => set({ activeModule: module }), // Update state
 }));
 

app/src/store/useZoneStore.ts

@@ -25,7 +25,7 @@ interface SelectedZoneStore {
 
 export const useSelectedZoneStore = create<SelectedZoneStore>((set) => ({
   selectedZone: {
-    zoneName: "Manufacturing unit",
+    zoneName: "",
     activeSides: [],
     panelOrder: [],
     lockedPanels: [],