Action menu refactoring (#11454)

# Description

Closes [#696](https://github.com/twentyhq/core-team-issues/issues/696)

- `useAction` hooks have been removed for all actions
- Every action can now declare a react component
- Some standard action components have been introduced: `Action`,
`ActionLink` and `ActionModal`
- The `ActionDisplay` component uses the new `displayType` prop of the
`ActionMenuContext` to render the right component for the action
according to its container: `ActionButton`, `ActionDropdownItem` or
`ActionListItem`
- The `ActionDisplayer` wraps the action component inside a context
which gives it all the information about the action
-`actionMenuEntriesComponenState` has been removed and now all actions
are computed directly using `useRegisteredAction`
- This computation is done inside `ActionMenuContextProvider` and the
actions are passed inside a context
- `actionMenuType` gives information about the container of the action,
so the action can know wether or not to close this container upon
execution

packages/twenty-front/src/modules/ui/layout/selectable-list/hooks/internal/useSelectableListHotKeys.ts

@@ -157,5 +157,8 @@ export const useSelectableListHotKeys = (
     ),
     hotkeyScope,
     [],
+    {
+      preventDefault: false,
+    },
   );
 };

packages/twenty-front/src/modules/ui/layout/selectable-list/hooks/useListenToEnterHotkeyOnListItem.ts

@@ -0,0 +1,41 @@
+import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList';
+import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
+import { getSnapshotValue } from '@/ui/utilities/recoil-scope/utils/getSnapshotValue';
+import { isNonEmptyString } from '@sniptt/guards';
+import { useRecoilCallback } from 'recoil';
+import { Key } from 'ts-key-enum';
+
+export const useListenToEnterHotkeyOnListItem = ({
+  hotkeyScope,
+  itemId,
+  onEnter,
+}: {
+  hotkeyScope: string;
+  itemId: string;
+  onEnter: () => void;
+}) => {
+  const { selectedItemIdState } = useSelectableList();
+
+  useScopedHotkeys(
+    Key.Enter,
+    useRecoilCallback(
+      ({ snapshot }) =>
+        () => {
+          const selectedItemId = getSnapshotValue(
+            snapshot,
+            selectedItemIdState,
+          );
+
+          if (isNonEmptyString(selectedItemId) && selectedItemId === itemId) {
+            onEnter?.();
+          }
+        },
+      [itemId, onEnter, selectedItemIdState],
+    ),
+    hotkeyScope,
+    [selectedItemIdState, itemId, onEnter],
+    {
+      preventDefault: false,
+    },
+  );
+};