feat: Refactor icon components and update button elements for improved accessibility and consistency

app/src/components/layout/sidebarLeft/visualization/widgets/WidgetsFloating.tsx

@@ -8,42 +8,11 @@ import {
 import SimpleCard from "../../../../../modules//visualization/widgets/floating/cards/SimpleCard";
 
 import WarehouseThroughput from "../../../../../modules//visualization/widgets/floating/cards/WarehouseThroughput";
-import ProductivityDashboard from "../../../../../modules//visualization/widgets/floating/cards/ProductivityDashboard";
 import FleetEfficiency from "../../../../../modules//visualization/widgets/floating/cards/FleetEfficiency";
 
-interface Widget {
-  id: string;
-  name: string;
-}
-
 const WidgetsFloating = () => {
-  // const [widgets, setWidgets] = useState<Widget[]>([
-  //   { id: "1", name: "Working State Widget" },
-  //   { id: "2", name: "Floating Widget 2" },
-  //   { id: "3", name: "Floating Widget 3" },
-  //   { id: "4", name: "Floating Widget 4" },
-  // ]);
-
-  // Function to handle drag start
-  const handleDragStart = (
-    e: React.DragEvent<HTMLDivElement>,
-    widget: Widget
-  ) => {
-    e.dataTransfer.setData("application/json", JSON.stringify(widget));
-  };
-
   return (
     <div className="floatingWidgets-wrapper widgets-wrapper">
-      {/* {widgets.map((widget) => (
-        <div
-          key={widget.id}
-          className="floating"
-          draggable
-          onDragStart={(e) => handleDragStart(e, widget)}
-        >
-          {widget.name}
-        </div>
-      ))} */}
       {/* Floating 1 */}
       <SimpleCard
         header={"Today’s Earnings"}