3157 refactor scoped states to move to v3 (#3180)

* renaming

* renaming

* create getDropdownScopeInjectors

* update useDropdown

* create internal hooks folder

* update record-table states to be scoped states

* update record-table selectors to be scoped selectors

* create utils scope injector

* refactor record-table wip

* refactor record-table wip

* wip

* inject scopeId in selectors

* update intenal hooks

* update intenal hooks

* update intenal hooks

* update intenal hooks

* update intenal hooks

* update intenal hooks

* update internal hooks

* update internal hooks

* update internal hooks

* update internal hooks

* update useTableColumns

* update states and hooks

* refactoring

* refactoring

* refactoring

* refactoring

* refactoring

* refactoring

* refactoring

* refactoring

* refactoring

* fix scopeId not in context

* fix lint errors

* fix error in story

* fix errors: wip

* fix errors

* fix error

* fix jest test

* fix scopeId not defined

* fix jest test

* Bug fixes

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectFormOptionRow.tsx

@@ -68,12 +68,12 @@ export const SettingsObjectFieldSelectFormOptionRow = ({
     return { color: `${baseScopeId}-color`, actions: `${baseScopeId}-actions` };
   }, []);
 
-  const { closeDropdown: closeColorDropdown } = useDropdown({
-    dropdownScopeId: dropdownScopeIds.color,
-  });
-  const { closeDropdown: closeActionsDropdown } = useDropdown({
-    dropdownScopeId: dropdownScopeIds.actions,
-  });
+  const { closeDropdown: closeColorDropdown } = useDropdown(
+    dropdownScopeIds.color,
+  );
+  const { closeDropdown: closeActionsDropdown } = useDropdown(
+    dropdownScopeIds.actions,
+  );
 
   return (
     <StyledRow className={className}>