feat: persist table columns on change (#1697)

* feat: persist table columns on change

Closes #1580

* fix: fix drag-and-select on Table Options dropdown toggle

front/src/modules/ui/dropdown/components/DropdownButton.tsx

@@ -10,7 +10,7 @@ import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useLis
 import { useDropdownButton } from '../hooks/useDropdownButton';
 import { useInternalHotkeyScopeManagement } from '../hooks/useInternalHotkeyScopeManagement';
 
-import { DropdownCloseEffect } from './DropdownCloseEffect';
+import { DropdownToggleEffect } from './DropdownToggleEffect';
 
 type OwnProps = {
   buttonComponents?: JSX.Element | JSX.Element[];
@@ -24,6 +24,7 @@ type OwnProps = {
   dropdownPlacement?: Placement;
   onClickOutside?: () => void;
   onClose?: () => void;
+  onOpen?: () => void;
 };
 
 export const DropdownButton = ({
@@ -35,6 +36,7 @@ export const DropdownButton = ({
   dropdownPlacement = 'bottom-end',
   onClickOutside,
   onClose,
+  onOpen,
 }: OwnProps) => {
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -93,9 +95,10 @@ export const DropdownButton = ({
           {dropdownComponents}
         </div>
       )}
-      <DropdownCloseEffect
+      <DropdownToggleEffect
         dropdownId={dropdownId}
-        onDropdownClose={() => onClose?.()}
+        onDropdownClose={onClose}
+        onDropdownOpen={onOpen}
       />
     </div>
   );