Refactor sidebar draggable component

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx

@@ -1,10 +1,10 @@
-import { SelectTrigger } from "@radix-ui/react-select";
 import { DragEventHandler, forwardRef, useRef, useState } from "react";
 import IconComponent from "../../../../../components/genericIconComponent";
 import {
   Select,
   SelectContent,
   SelectItem,
+  SelectTrigger,
 } from "../../../../../components/ui/select-custom";
 import { useDarkStore } from "../../../../../stores/darkStore";
 import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
@@ -107,7 +107,6 @@ export const SidebarDraggableComponent = forwardRef(
               );
             }}
           >
-            <SelectTrigger className="w-full text-left">
             <div
               data-testid={sectionName + display_name}
               id={sectionName + display_name}
@@ -119,11 +118,16 @@ export const SidebarDraggableComponent = forwardRef(
                   name="Menu"
                   className="side-bar-components-icon "
                 />
+                <SelectTrigger></SelectTrigger>
                 <SelectContent
                   position="popper"
                   side="bottom"
-                    sideOffset={-15}
+                  sideOffset={-25}
-                    alignOffset={25}
+                  style={{
+                    position: "absolute",
+                    left: cursorPos.x,
+                    top: cursorPos.y,
+                  }}
                 >
                   <SelectItem value={"download"}>
                     <div className="flex">
@@ -148,7 +152,6 @@ export const SidebarDraggableComponent = forwardRef(
                 </SelectContent>
               </div>
             </div>
-            </SelectTrigger>
           </div>
         </div>
       </Select>