updated visualization panel ui and added outer click

app/src/components/ui/Tools.tsx

@@ -35,6 +35,7 @@ import {
 import useToggleStore from "../../store/useUIToggleStore";
 import {
   use3DWidget,
+  useDroppedObjectsStore,
   useFloatingWidget,
 } from "../../store/useDroppedObjectsStore";
 
@@ -52,8 +53,12 @@ const Tools: React.FC = () => {
   const { addTemplate } = useTemplateStore();
   const { selectedZone } = useSelectedZoneStore();
   const { floatingWidget } = useFloatingWidget();
+
   const { widgets3D } = use3DWidget();
 
+    const zones = useDroppedObjectsStore((state) => state.zones);
+  
+
   // wall options
   const { toggleView, setToggleView } = useToggleView();
   const { setDeleteModels } = useDeleteModels();
@@ -409,10 +414,9 @@ const Tools: React.FC = () => {
                         widgets3D,
                         selectedZone,
                         templates,
-                        visualizationSocket
-                      })
-                    }
-                    }
+                        visualizationSocket,
+                      });
+                    }}
                   >
                     <SaveTemplateIcon isActive={false} />
                   </div>