3dWidget dnd and 2d widgets backend api updated

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

@@ -36,6 +36,7 @@ export const DraggableWidget = ({
     zoneName: string;
     activeSides: Side[];
     panelOrder: Side[];
+
     lockedPanels: Side[];
     widgets: Widget[];
   };
@@ -44,6 +45,7 @@ export const DraggableWidget = ({
       zoneName: string;
       activeSides: Side[];
       panelOrder: Side[];
+
       lockedPanels: Side[];
       zoneId: string;
       zoneViewPortTarget: number[];
@@ -78,9 +80,11 @@ export const DraggableWidget = ({
   const isPanelHidden = hiddenPanels.includes(widget.panel);
 
   const deleteSelectedChart = () => {
+    console.log('widget.id: ', widget.id);
     const updatedWidgets = selectedZone.widgets.filter(
       (w: Widget) => w.id !== widget.id
     );
+    console.log('updatedWidgets: ', updatedWidgets);
 
     setSelectedZone((prevZone: any) => ({
       ...prevZone,
@@ -122,7 +126,6 @@ export const DraggableWidget = ({
       ...widget,
       id: `${widget.id}-copy-${Date.now()}`,
     };
-
     setSelectedZone((prevZone: any) => ({
       ...prevZone,
       widgets: [...prevZone.widgets, duplicatedWidget],
@@ -130,7 +133,7 @@ export const DraggableWidget = ({
 
     setOpenKebabId(null);
 
-    console.log("Duplicated widget with ID:", duplicatedWidget.id);
+
   };
 
   const handleKebabClick = (event: React.MouseEvent<HTMLDivElement>) => {
@@ -173,6 +176,7 @@ export const DraggableWidget = ({
   };
 
   const handleDrop = (event: React.DragEvent<HTMLDivElement>) => {
+
     event.preventDefault();
     const fromIndex = parseInt(event.dataTransfer.getData("text/plain"), 10); // Get the dragged widget's index
     const toIndex = index; // The index of the widget where the drop occurred
@@ -186,9 +190,8 @@ export const DraggableWidget = ({
       <div
         draggable
         key={widget.id}
-        className={`chart-container ${
-          selectedChartId?.id === widget.id && "activeChart"
-        }`}
+        className={`chart-container ${selectedChartId?.id === widget.id && "activeChart"
+          }`}
         onPointerDown={handlePointerDown}
         onDragStart={handleDragStart}
         onDragEnter={handleDragEnter}
@@ -208,9 +211,8 @@ export const DraggableWidget = ({
         {openKebabId === widget.id && (
           <div className="kebab-options" ref={widgetRef}>
             <div
-              className={`edit btn ${
-                isPanelFull(widget.panel) ? "btn-blur" : ""
-              }`}
+              className={`edit btn ${isPanelFull(widget.panel) ? "btn-blur" : ""
+                }`}
               onClick={isPanelFull(widget.panel) ? undefined : duplicateWidget}
             >
               <div className="icon">