Refactor actions (#8761)

Closes #8737 
- Refactored actions by creating hooks to add the possibility to
register actions programatically.
- Small fixes from #8610 review
- Fixed shortcuts display inside the command menu
- Removed `actionMenuEntriesComponentState` and introduced
`actionMenuEntriesComponentSelector`

packages/twenty-front/src/modules/context-store/components/MainContextStoreComponentInstanceIdSetterEffect.tsx

@@ -1,3 +1,4 @@
+import { CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE } from '@/context-store/constants/ContextStoreInstanceIdDefaultValue';
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
 import { mainContextStoreComponentInstanceIdState } from '@/context-store/states/mainContextStoreComponentInstanceId';
 import { useContext, useEffect } from 'react';
@@ -11,10 +12,14 @@ export const MainContextStoreComponentInstanceIdSetterEffect = () => {
   const context = useContext(ContextStoreComponentInstanceContext);
 
   useEffect(() => {
-    setMainContextStoreComponentInstanceId(context?.instanceId ?? 'app');
+    setMainContextStoreComponentInstanceId(
+      context?.instanceId ?? CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE,
+    );
 
     return () => {
-      setMainContextStoreComponentInstanceId('app');
+      setMainContextStoreComponentInstanceId(
+        CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE,
+      );
     };
   }, [context, setMainContextStoreComponentInstanceId]);
 

packages/twenty-front/src/modules/context-store/constants/ContextStoreInstanceIdDefaultValue.tsx

@@ -0,0 +1 @@
+export const CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE = 'app';

packages/twenty-front/src/modules/context-store/hooks/useContextStoreCurrentObjectMetadataIdOrThrow.ts

@@ -4,15 +4,14 @@ import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/
 export const useContextStoreCurrentObjectMetadataIdOrThrow = (
   instanceId?: string,
 ) => {
-  const contextStoreCurrentObjectMetadataIdComponent =
-    useRecoilComponentValueV2(
-      contextStoreCurrentObjectMetadataIdComponentState,
-      instanceId,
-    );
+  const contextStoreCurrentObjectMetadataId = useRecoilComponentValueV2(
+    contextStoreCurrentObjectMetadataIdComponentState,
+    instanceId,
+  );
 
-  if (!contextStoreCurrentObjectMetadataIdComponent) {
+  if (!contextStoreCurrentObjectMetadataId) {
     throw new Error('contextStoreCurrentObjectMetadataIdComponent is not set');
   }
 
-  return contextStoreCurrentObjectMetadataIdComponent;
+  return contextStoreCurrentObjectMetadataId;
 };

packages/twenty-front/src/modules/context-store/hooks/useFindManyRecordsSelectedInContextStore.ts

@@ -6,7 +6,7 @@ import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMeta
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 
-export const useContextStoreSelectedRecords = ({
+export const useFindManyRecordsSelectedInContextStore = ({
   instanceId,
   limit = 3,
 }: {

packages/twenty-front/src/modules/context-store/states/mainContextStoreComponentInstanceId.ts

@@ -1,6 +1,7 @@
+import { CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE } from '@/context-store/constants/ContextStoreInstanceIdDefaultValue';
 import { createState } from 'twenty-ui';
 
 export const mainContextStoreComponentInstanceIdState = createState<string>({
   key: 'mainContextStoreComponentInstanceIdState',
-  defaultValue: 'app',
+  defaultValue: CONTEXT_STORE_INSTANCE_ID_DEFAULT_VALUE,
 });