floating widgets data added

app/src/components/ui/realTimeVis/floating/WarehouseThroughput.tsx

@@ -111,8 +111,27 @@ const WarehouseThroughput = () => {
     },
   };
 
+  const handleDragStart = (event: React.DragEvent<HTMLDivElement>) => {
+    const rect = event.currentTarget.getBoundingClientRect(); // Get element position
+
+    const cardData = JSON.stringify({
+      header: "Warehouse Throughput", // Static header
+      value: "+5", // Example value (you can change if dynamic)
+      per: "2025", // Example percentage or date
+      icon: "📊", // Placeholder for an icon (if needed)
+      className: event.currentTarget.className,
+      position: [rect.top, rect.left], // ✅ Store initial position
+      lineGraphData, // ✅ Include chart data
+      lineGraphOptions, // ✅ Include chart options
+    });
+
+    
+    event.dataTransfer.setData("text/plain", cardData);
+    // event.dataTransfer.effectAllowed = "move"; // Improve drag effect
+  };
+
   return (
-    <div className="warehouseThroughput floating" draggable>
+    <div className="warehouseThroughput floating" draggable onDragStart={handleDragStart}>
       <div className="header">
         <h2>Warehouse Throughput</h2>
         <p>