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/contexts/ActionMenuContextProvider.tsx

@@ -0,0 +1,108 @@
+import { ActionMenuContextType } from '@/action-menu/contexts/ActionMenuContext';
+import { ActionMenuContextProviderWorkflowsEnabled } from '@/action-menu/contexts/ActionMenuContextProviderWorkflowsEnabled';
+import { ActionMenuContextProviderWorkflowsEnabledSingleRecordSelection } from '@/action-menu/contexts/ActionMenuContextProviderWorkflowsEnabledSingleRecordSelection';
+import { ActionMenuContextProviderWorkflowsNotEnabled } from '@/action-menu/contexts/ActionMenuContextProviderWorkflowsNotEnabled';
+import { MAIN_CONTEXT_STORE_INSTANCE_ID } from '@/context-store/constants/MainContextStoreInstanceId';
+import { contextStoreCurrentObjectMetadataItemIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataItemIdComponentState';
+import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
+import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
+import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
+import { useRecoilValue } from 'recoil';
+import { isDefined } from 'twenty-shared/utils';
+import { FeatureFlagKey } from '~/generated-metadata/graphql';
+
+export const ActionMenuContextProvider = ({
+  children,
+  isInRightDrawer,
+  displayType,
+  actionMenuType,
+}: Omit<ActionMenuContextType, 'actions'> & {
+  children: React.ReactNode;
+}) => {
+  const isWorkflowEnabled = useIsFeatureEnabled(
+    FeatureFlagKey.IsWorkflowEnabled,
+  );
+
+  const localContextStoreCurrentObjectMetadataItemId =
+    useRecoilComponentValueV2(
+      contextStoreCurrentObjectMetadataItemIdComponentState,
+    );
+
+  const mainContextStoreCurrentObjectMetadataItemId = useRecoilComponentValueV2(
+    contextStoreCurrentObjectMetadataItemIdComponentState,
+    MAIN_CONTEXT_STORE_INSTANCE_ID,
+  );
+
+  const objectMetadataItems = useRecoilValue(objectMetadataItemsState);
+
+  const localContextStoreObjectMetadataItem = objectMetadataItems.find(
+    (objectMetadataItem) =>
+      objectMetadataItem.id === localContextStoreCurrentObjectMetadataItemId,
+  );
+
+  const mainContextStoreObjectMetadataItem = objectMetadataItems.find(
+    (objectMetadataItem) =>
+      objectMetadataItem.id === mainContextStoreCurrentObjectMetadataItemId,
+  );
+
+  const objectMetadataItem =
+    localContextStoreObjectMetadataItem ?? mainContextStoreObjectMetadataItem;
+
+  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
+    contextStoreTargetedRecordsRuleComponentState,
+  );
+
+  const isSingleRecordSelection =
+    contextStoreTargetedRecordsRule.mode === 'selection' &&
+    contextStoreTargetedRecordsRule.selectedRecordIds.length === 1;
+
+  const isWorkflowObject =
+    objectMetadataItem?.nameSingular === CoreObjectNameSingular.Workflow ||
+    objectMetadataItem?.nameSingular === CoreObjectNameSingular.WorkflowRun ||
+    objectMetadataItem?.nameSingular === CoreObjectNameSingular.WorkflowVersion;
+
+  if (
+    isWorkflowEnabled &&
+    isSingleRecordSelection &&
+    isDefined(objectMetadataItem) &&
+    (actionMenuType === 'command-menu' ||
+      actionMenuType === 'command-menu-show-page-action-menu-dropdown')
+  ) {
+    return (
+      <ActionMenuContextProviderWorkflowsEnabledSingleRecordSelection
+        isInRightDrawer={isInRightDrawer}
+        displayType={displayType}
+        actionMenuType={actionMenuType}
+        objectMetadataItem={objectMetadataItem}
+      >
+        {children}
+      </ActionMenuContextProviderWorkflowsEnabledSingleRecordSelection>
+    );
+  }
+
+  if (isWorkflowEnabled && isDefined(objectMetadataItem) && isWorkflowObject) {
+    return (
+      <ActionMenuContextProviderWorkflowsEnabled
+        isInRightDrawer={isInRightDrawer}
+        displayType={displayType}
+        actionMenuType={actionMenuType}
+        objectMetadataItem={objectMetadataItem}
+      >
+        {children}
+      </ActionMenuContextProviderWorkflowsEnabled>
+    );
+  }
+
+  return (
+    <ActionMenuContextProviderWorkflowsNotEnabled
+      isInRightDrawer={isInRightDrawer}
+      displayType={displayType}
+      actionMenuType={actionMenuType}
+      objectMetadataItem={objectMetadataItem}
+    >
+      {children}
+    </ActionMenuContextProviderWorkflowsNotEnabled>
+  );
+};