Add search records actions to the command menu (#9892)

Closes https://github.com/twentyhq/core-team-issues/issues/253 and
https://github.com/twentyhq/core-team-issues/issues/256.

- Created `CommandMenuList`, a component used at the root level of the
command menu and inside the search page of the command menu
- Refactored record agnostic actions
- Added shortcuts to the action menu entries (`/` key for the search)
and updated the design of the shortcuts
- Reordered actions at the root level of the command menu


https://github.com/user-attachments/assets/e1339cc4-ef5d-45c5-a159-6817a54b92e9

packages/twenty-front/src/modules/command-menu/components/CommandMenuTopBar.tsx

@@ -1,12 +1,12 @@
 import { CommandMenuContextChip } from '@/command-menu/components/CommandMenuContextChip';
 import { CommandMenuContextRecordChip } from '@/command-menu/components/CommandMenuContextRecordChip';
-import { CommandMenuPages } from '@/command-menu/components/CommandMenuPages';
 import { COMMAND_MENU_SEARCH_BAR_HEIGHT } from '@/command-menu/constants/CommandMenuSearchBarHeight';
 import { COMMAND_MENU_SEARCH_BAR_PADDING } from '@/command-menu/constants/CommandMenuSearchBarPadding';
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { commandMenuPageState } from '@/command-menu/states/commandMenuPageState';
 import { commandMenuPageInfoState } from '@/command-menu/states/commandMenuPageTitle';
 import { commandMenuSearchState } from '@/command-menu/states/commandMenuSearchState';
+import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
 import { contextStoreCurrentObjectMetadataIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdComponentState';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useTheme } from '@emotion/react';
@@ -95,11 +95,12 @@ export const CommandMenuTopBar = () => {
   return (
     <StyledInputContainer>
       <StyledContentContainer>
-        {isDefined(contextStoreCurrentObjectMetadataId) && (
-          <CommandMenuContextRecordChip
-            objectMetadataItemId={contextStoreCurrentObjectMetadataId}
-          />
-        )}
+        {commandMenuPage !== CommandMenuPages.SearchRecords &&
+          isDefined(contextStoreCurrentObjectMetadataId) && (
+            <CommandMenuContextRecordChip
+              objectMetadataItemId={contextStoreCurrentObjectMetadataId}
+            />
+          )}
         {isDefined(Icon) && (
           <CommandMenuContextChip
             Icons={[<Icon size={theme.icon.size.sm} />]}
@@ -107,7 +108,8 @@ export const CommandMenuTopBar = () => {
           />
         )}
 
-        {commandMenuPage === CommandMenuPages.Root && (
+        {(commandMenuPage === CommandMenuPages.Root ||
+          commandMenuPage === CommandMenuPages.SearchRecords) && (
           <StyledInput
             autoFocus
             value={commandMenuSearch}