3d widget api added and template frontend and backend completed

app/src/components/ui/componets/handleDropTemplate .tsx

@@ -0,0 +1,29 @@
+// import { useSelectedZoneStore } from "../../../store/useZoneStore";
+
+
+// type HandleDropTemplateProps = {
+//   templateId: string;
+// };
+
+// export const handleDropTemplate = ({ templateId }: HandleDropTemplateProps): void => {
+//   const { getTemplate } = useTemplateStore.getState();
+//   const { setSelectedZone } = useSelectedZoneStore.getState();
+
+//   // Find the template by ID
+//   const template: Template | undefined = getTemplate(templateId);
+
+//   if (!template) {
+//     console.error("Template not found!");
+//     return;
+//   }
+
+//   // Update the selected zone with the template data
+//   setSelectedZone((prev) => ({
+//     ...prev,
+//     panelOrder: template.panelOrder,
+//     activeSides: Array.from(new Set([...prev.activeSides, ...template.panelOrder])),
+//     widgets: template.widgets, // Keep widget structure the same
+//   }));
+
+//   console.log("Dropped template applied:", template);
+// };