Fix duplicate shortcut registration for focus_query_bar

Renamed the shortcut ID to be unique per instance in the data plugin and distinctive in the explore plugin to prevent crashes when multiple query bars are rendered.

Signed-off-by: Mumukshu D.C <phoenixrising656@gmail.com>

Author: scuba3198

src/plugins/data/public/ui/query_string_input/query_string_input.test.tsx

@@ -335,7 +335,7 @@ describe('QueryStringInput', () => {
       );
 
       expect(mockRegister).toHaveBeenCalledWith({
-        id: 'focus_query_bar',
+        id: expect.stringMatching(/^focus_query_bar_/),
         pluginId: 'data',
         name: expect.any(String),
         category: expect.any(String),
@@ -357,7 +357,7 @@ describe('QueryStringInput', () => {
       component.unmount();
 
       expect(mockUnregister).toHaveBeenCalledWith({
-        id: 'focus_query_bar',
+        id: expect.stringMatching(/^focus_query_bar_/),
         pluginId: 'data',
       });
     });

src/plugins/data/public/ui/query_string_input/query_string_input.tsx

@@ -534,7 +534,7 @@ export default class QueryStringInputUI extends Component<Props, State> {
     const { keyboardShortcut } = this.services;
     if (keyboardShortcut) {
       keyboardShortcut.register({
-        id: 'focus_query_bar',
+        id: `focus_query_bar_${this.textareaId}`,
         pluginId: 'data',
         name: i18n.translate('data.query.queryStringInput.focusQueryBarShortcut', {
           defaultMessage: 'Focus query bar',
@@ -593,10 +593,9 @@ export default class QueryStringInputUI extends Component<Props, State> {
     if (this.updateSuggestions.cancel) this.updateSuggestions.cancel();
     this.componentIsUnmounting = true;
 
-    const { keyboardShortcut } = this.services;
     if (keyboardShortcut) {
       keyboardShortcut.unregister({
-        id: 'focus_query_bar',
+        id: `focus_query_bar_${this.textareaId}`,
         pluginId: 'data',
       });
     }

src/plugins/explore/public/components/query_panel/query_panel_editor/use_query_panel_editor/use_query_panel_editor.ts

@@ -123,7 +123,7 @@ export const useQueryPanelEditor = (): UseQueryPanelEditorReturnType => {
   }, [queryLanguage]);
 
   keyboardShortcut?.useKeyboardShortcut({
-    id: 'focus_query_bar',
+    id: 'focus_explore_query_bar',
     pluginId: 'explore',
     name: i18n.translate('explore.queryPanelEditor.focusQueryBarShortcut', {
       defaultMessage: 'Focus query bar',
@@ -230,9 +230,9 @@ export const useQueryPanelEditor = (): UseQueryPanelEditorReturnType => {
           sortText: s.sortText,
           documentation: s.documentation
             ? {
-                value: s.documentation,
-                isTrusted: true,
-              }
+              value: s.documentation,
+              isTrusted: true,
+            }
             : '',
           command: {
             id: 'editor.action.triggerSuggest',