Fixed global hotkey conflict in inputs (#13209)

This PR fixes a focus conflict with global hotkeys, mainly "?" that
opens the shortcut helper dialog.

This fix works but we should maybe think about a more generic approach
in another issue, like disabling global hotkeys when certain types of
components are open (input, dropdown, etc.)

Fixes https://github.com/twentyhq/twenty/issues/13197

---------

Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
Co-authored-by: Raphaël Bosi <71827178+bosiraphael@users.noreply.github.com>

packages/twenty-front/src/modules/command-menu/hooks/useCommandMenuHotKeys.ts

@@ -43,41 +43,41 @@ export const useCommandMenuHotKeys = () => {
     COMMAND_MENU_COMPONENT_INSTANCE_ID,
   );
 
-  useGlobalHotkeys(
-    'ctrl+k,meta+k',
-    () => {
+  useGlobalHotkeys({
+    keys: ['ctrl+k', 'meta+k'],
+    callback: () => {
       closeKeyboardShortcutMenu();
       toggleCommandMenu();
     },
-    true,
-    [closeKeyboardShortcutMenu, toggleCommandMenu],
-  );
+    containsModifier: true,
+    dependencies: [closeKeyboardShortcutMenu, toggleCommandMenu],
+  });
 
-  useGlobalHotkeys(
-    ['/'],
-    () => {
+  useGlobalHotkeys({
+    keys: ['/'],
+    callback: () => {
       openRecordsSearchPage();
     },
-    false,
-    [openRecordsSearchPage],
-    {
+    containsModifier: false,
+    dependencies: [openRecordsSearchPage],
+    options: {
       ignoreModifiers: true,
     },
-  );
+  });
 
-  useGlobalHotkeys(
-    ['@'],
-    () => {
+  useGlobalHotkeys({
+    keys: ['@'],
+    callback: () => {
       if (isAiEnabled) {
         openAskAIPage();
       }
     },
-    false,
-    [openAskAIPage, isAiEnabled],
-    {
+    containsModifier: false,
+    dependencies: [openAskAIPage, isAiEnabled],
+    options: {
       ignoreModifiers: true,
     },
-  );
+  });
 
   useHotkeysOnFocusedElement({
     keys: [Key.Escape],