visualization functions seperated

app/src/store/useTemplateStore.ts

@@ -1,21 +1,21 @@
 import { create } from "zustand";
 
-type Side = "top" | "bottom" | "left" | "right";
+// type Side = "top" | "bottom" | "left" | "right";
 
-interface Widget {
+export interface Widget {
   id: string;
   type: string;
   title: string;
-  panel: Side;
+  panel: string;
   data: any;
 }
 
-interface Template {
+export interface Template {
   id: string;
   name: string;
-  panelOrder: Side[];
+  panelOrder: string[];
   widgets: Widget[];
-  snapshot?: string; // Add an optional image property (base64)
+  snapshot?: string | null; // Add an optional image property (base64)
 }
 
 interface TemplateStore {