feat: added monaco keybindings for selection history navigation

src/components/molecules/Monaco/Monaco.tsx

@@ -19,6 +19,7 @@ import YamlWorker from 'worker-loader!monaco-yaml/lib/esm/yaml.worker';
 import {getResourceSchema} from '@redux/services/schema';
 import {logMessage} from '@redux/services/log';
 import {updateFileEntry, updateResource, selectK8sResource} from '@redux/reducers/main';
+import {selectFromHistory} from '@redux/thunks/selectionHistory';
 import {parseAllDocuments} from 'yaml';
 import {ROOT_FILE_ENTRY} from '@constants/constants';
 import {KUBESHOP_MONACO_THEME} from '@utils/monaco';
@@ -124,6 +125,28 @@ const Monaco = (props: {editorHeight: string}) => {
       },
     });
 
+    // register action to navigate back in the selection history
+    e.addAction({
+      id: 'monokle-navigate-back',
+      label: 'Navigate Back',
+      /* eslint-disable no-bitwise */
+      keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.LeftArrow],
+      run: () => {
+        dispatch(selectFromHistory({direction: 'left'}));
+      },
+    });
+
+    // register action to navigate forward in the selection history
+    e.addAction({
+      id: 'monokle-navigate-forward',
+      label: 'Navigate Forward',
+      /* eslint-disable no-bitwise */
+      keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.RightArrow],
+      run: () => {
+        dispatch(selectFromHistory({direction: 'right'}));
+      },
+    });
+
     editorRef.current = e as monaco.editor.IStandaloneCodeEditor;
 
     // @ts-ignore