Command menu refactoring (#9257)

Refactored the `CommandMenu` component to make it more readable and
easier to refactor.
The file was way too big so I introduced a few hooks and eliminated code
duplication.

Introduced:
- `useMatchCommands` hook to match commands with the search
- `useCommandMenuCommands` which returns all command menu commands
- `useMatchingCommandMenuCommands` to return the commands matched with
the search
- `CommandMenuContainer` to simplify the `DefaultLayout`

- Unmounted the `CommandMenu` when it wasn't opened to improve
performances

I also introduced a new behavior: Automatically select the first item
when opening the command menu:

https://github.com/user-attachments/assets/4b683d49-570e-47c9-8939-99f42ed8691c

packages/twenty-front/src/modules/command-menu/utils/computeCommandMenuCommands.ts

@@ -1,53 +0,0 @@
-import {
-  ActionMenuEntry,
-  ActionMenuEntryScope,
-  ActionMenuEntryType,
-} from '@/action-menu/types/ActionMenuEntry';
-import { COMMAND_MENU_NAVIGATE_COMMANDS } from '@/command-menu/constants/CommandMenuNavigateCommands';
-import {
-  Command,
-  CommandScope,
-  CommandType,
-} from '@/command-menu/types/Command';
-
-export const computeCommandMenuCommands = (
-  actionMenuEntries: ActionMenuEntry[],
-): Command[] => {
-  const navigateCommands = Object.values(COMMAND_MENU_NAVIGATE_COMMANDS);
-
-  const actionCommands: Command[] = actionMenuEntries
-    ?.filter(
-      (actionMenuEntry) =>
-        actionMenuEntry.type === ActionMenuEntryType.Standard,
-    )
-    ?.map((actionMenuEntry) => ({
-      id: actionMenuEntry.key,
-      label: actionMenuEntry.label,
-      Icon: actionMenuEntry.Icon,
-      onCommandClick: actionMenuEntry.onClick,
-      type: CommandType.StandardAction,
-      scope:
-        actionMenuEntry.scope === ActionMenuEntryScope.RecordSelection
-          ? CommandScope.RecordSelection
-          : CommandScope.Global,
-    }));
-
-  const workflowRunCommands: Command[] = actionMenuEntries
-    ?.filter(
-      (actionMenuEntry) =>
-        actionMenuEntry.type === ActionMenuEntryType.WorkflowRun,
-    )
-    ?.map((actionMenuEntry) => ({
-      id: actionMenuEntry.key,
-      label: actionMenuEntry.label,
-      Icon: actionMenuEntry.Icon,
-      onCommandClick: actionMenuEntry.onClick,
-      type: CommandType.WorkflowRun,
-      scope:
-        actionMenuEntry.scope === ActionMenuEntryScope.RecordSelection
-          ? CommandScope.RecordSelection
-          : CommandScope.Global,
-    }));
-
-  return [...navigateCommands, ...actionCommands, ...workflowRunCommands];
-};