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/hooks/useMatchingCommandMenuCommands.ts

@@ -0,0 +1,73 @@
+import { useCommandMenuCommands } from '@/command-menu/hooks/useCommandMenuCommands';
+import { useMatchCommands } from '@/command-menu/hooks/useMatchCommands';
+
+export const useMatchingCommandMenuCommands = ({
+  commandMenuSearch,
+}: {
+  commandMenuSearch: string;
+}) => {
+  const { matchCommands } = useMatchCommands({ commandMenuSearch });
+
+  const {
+    copilotCommands,
+    navigateCommands,
+    actionRecordSelectionCommands,
+    actionGlobalCommands,
+    workflowRunRecordSelectionCommands,
+    workflowRunGlobalCommands,
+    peopleCommands,
+    companyCommands,
+    opportunityCommands,
+    noteCommands,
+    tasksCommands,
+    customObjectCommands,
+    isLoading,
+  } = useCommandMenuCommands();
+
+  const matchingNavigateCommand = matchCommands(navigateCommands);
+
+  const matchingStandardActionRecordSelectionCommands = matchCommands(
+    actionRecordSelectionCommands,
+  );
+
+  const matchingStandardActionGlobalCommands =
+    matchCommands(actionGlobalCommands);
+
+  const matchingWorkflowRunRecordSelectionCommands = matchCommands(
+    workflowRunRecordSelectionCommands,
+  );
+
+  const matchingWorkflowRunGlobalCommands = matchCommands(
+    workflowRunGlobalCommands,
+  );
+
+  const isNoResults =
+    !matchingStandardActionRecordSelectionCommands.length &&
+    !matchingWorkflowRunRecordSelectionCommands.length &&
+    !matchingStandardActionGlobalCommands.length &&
+    !matchingWorkflowRunGlobalCommands.length &&
+    !matchingNavigateCommand.length &&
+    !peopleCommands?.length &&
+    !companyCommands?.length &&
+    !opportunityCommands?.length &&
+    !noteCommands?.length &&
+    !tasksCommands?.length &&
+    !customObjectCommands?.length;
+
+  return {
+    isNoResults,
+    isLoading,
+    copilotCommands,
+    matchingStandardActionRecordSelectionCommands,
+    matchingWorkflowRunRecordSelectionCommands,
+    matchingStandardActionGlobalCommands,
+    matchingWorkflowRunGlobalCommands,
+    matchingNavigateCommand,
+    peopleCommands,
+    companyCommands,
+    opportunityCommands,
+    noteCommands,
+    tasksCommands,
+    customObjectCommands,
+  };
+};