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/action-menu/hooks/useRegisteredActions.ts

@@ -0,0 +1,51 @@
+import { RECORD_AGNOSTIC_ACTIONS_CONFIG } from '@/action-menu/actions/record-agnostic-actions/constants/RecordAgnosticActionsConfig';
+import { ActionViewType } from '@/action-menu/actions/types/ActionViewType';
+import { ShouldBeRegisteredFunctionParams } from '@/action-menu/actions/types/ShouldBeRegisteredFunctionParams';
+import { getActionConfig } from '@/action-menu/actions/utils/getActionConfig';
+import { getActionViewType } from '@/action-menu/actions/utils/getActionViewType';
+import { contextStoreCurrentViewTypeComponentState } from '@/context-store/states/contextStoreCurrentViewTypeComponentState';
+import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
+import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
+import { isDefined } from 'twenty-shared/utils';
+
+export const useRegisteredActions = (
+  shouldBeRegisteredParams: ShouldBeRegisteredFunctionParams,
+) => {
+  const { objectMetadataItem } = shouldBeRegisteredParams;
+
+  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
+    contextStoreTargetedRecordsRuleComponentState,
+  );
+
+  const contextStoreCurrentViewType = useRecoilComponentValueV2(
+    contextStoreCurrentViewTypeComponentState,
+  );
+
+  const viewType = getActionViewType(
+    contextStoreCurrentViewType,
+    contextStoreTargetedRecordsRule,
+  );
+
+  const recordActionConfig = getActionConfig(objectMetadataItem);
+
+  const recordAgnosticActionConfig = RECORD_AGNOSTIC_ACTIONS_CONFIG;
+
+  const actionsConfig = {
+    ...recordActionConfig,
+    ...recordAgnosticActionConfig,
+  };
+
+  const actionsToRegister = isDefined(viewType)
+    ? Object.values(actionsConfig).filter(
+        (action) =>
+          action.availableOn?.includes(viewType) ||
+          action.availableOn?.includes(ActionViewType.GLOBAL),
+      )
+    : [];
+
+  const actions = actionsToRegister
+    .filter((action) => action.shouldBeRegistered(shouldBeRegisteredParams))
+    .sort((a, b) => a.position - b.position);
+
+  return actions;
+};