feat: reorder columns from table options (#1636)

* draggable prop addition

* draggable component addition

* state modification

* drag select state addition

* changed state name

* main merged

* lint fix

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

front/src/modules/ui/table/options/components/TableOptionsDropdownButton.tsx

@@ -1,17 +1,27 @@
+import { useRecoilState } from 'recoil';
+
 import { StyledHeaderDropdownButton } from '@/ui/dropdown/components/StyledHeaderDropdownButton';
 import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
-
-import { TableOptionsDropdownId } from '../../constants/TableOptionsDropdownId';
+import { TableOptionsDropdownId } from '@/ui/table/constants/TableOptionsDropdownId';
+import { isDraggingAndSelectingState } from '@/ui/table/states/isDraggingAndSelectingState';
 
 export const TableOptionsDropdownButton = () => {
+  const [, setIsDraggingAndSelecting] = useRecoilState(
+    isDraggingAndSelectingState,
+  );
   const { isDropdownButtonOpen, toggleDropdownButton } = useDropdownButton({
     dropdownId: TableOptionsDropdownId,
   });
 
+  const toggleDropdown = () => {
+    setIsDraggingAndSelecting(false);
+    toggleDropdownButton();
+  };
+
   return (
     <StyledHeaderDropdownButton
       isUnfolded={isDropdownButtonOpen}
-      onClick={toggleDropdownButton}
+      onClick={toggleDropdown}
     >
       Options
     </StyledHeaderDropdownButton>