3d widget api added and template frontend and backend completed

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

@@ -63,6 +63,7 @@ const RealTimeVisulization: React.FC = () => {
       const organization = email?.split("@")[1]?.split(".")[0];
       try {
         const response = await getZone2dData(organization);
+
         if (!Array.isArray(response)) {
           return;
         }
@@ -83,7 +84,7 @@ const RealTimeVisulization: React.FC = () => {
         );
         setZonesData(formattedData);
       } catch (error) {
-        console.log("error: ", error);
+
       }
     }
 
@@ -109,7 +110,7 @@ const RealTimeVisulization: React.FC = () => {
     });
   }, [selectedZone]);
 
-  useEffect(() => {}, [floatingWidgets]);
+  // useEffect(() => {}, [floatingWidgets]);
 
   const handleDrop = async (event: React.DragEvent<HTMLDivElement>) => {
     try {
@@ -135,6 +136,7 @@ const RealTimeVisulization: React.FC = () => {
         id: generateUniqueId(),
         position: determinePosition(canvasRect, relativeX, relativeY),
       };
+      console.log('newObject: ', newObject);
 
       let response = await addingFloatingWidgets(
         selectedZone.zoneId,
@@ -150,7 +152,6 @@ const RealTimeVisulization: React.FC = () => {
           .getState()
           .setZone(selectedZone.zoneName, selectedZone.zoneId);
       }
-
       // Add the dropped object to the zone if the API call is successful
       if (response.message === "FloatWidget created successfully") {
         useDroppedObjectsStore
@@ -171,7 +172,7 @@ const RealTimeVisulization: React.FC = () => {
           ],
         },
       }));
-    } catch (error) {}
+    } catch (error) { }
   };
 
   return (
@@ -198,7 +199,7 @@ const RealTimeVisulization: React.FC = () => {
       >
         <Scene />
       </div>
-      <DroppedObjects />
+      {activeModule === "visualization" && selectedZone.zoneName !== "" && <DroppedObjects />}
       {activeModule === "visualization" && (
         <>
           <DisplayZone