3d widget api added and template frontend and backend completed

app/src/components/ui/Tools.tsx

@@ -32,6 +32,7 @@ import {
   useTransformMode,
 } from "../../store/store";
 import useToggleStore from "../../store/useUIToggleStore";
+import { use3DWidget, useFloatingWidget } from "../../store/useDroppedObjectsStore";
 
 const Tools: React.FC = () => {
   const { templates } = useTemplateStore();
@@ -46,6 +47,8 @@ const Tools: React.FC = () => {
   const { isPlaying, setIsPlaying } = usePlayButtonStore();
   const { addTemplate } = useTemplateStore();
   const { selectedZone } = useSelectedZoneStore();
+  const { floatingWidget } = useFloatingWidget()
+  const { widgets3D } = use3DWidget()
 
   // wall options
   const { toggleView, setToggleView } = useToggleView();
@@ -378,13 +381,17 @@ const Tools: React.FC = () => {
                 <div className="draw-tools">
                   <div
                     className={`tool-button`}
-                    onClick={() =>
+                    onClick={() => {
+
                       handleSaveTemplate({
                         addTemplate,
+                        floatingWidget,
+                        widgets3D,
                         selectedZone,
                         templates,
                       })
                     }
+                    }
                   >
                     <SaveTemplateIcon isActive={false} />
                   </div>