feat: Add tooltip to code preview of monaco editor (#4355)

Author: chriskari

public/i18n/en.yaml

@@ -226,6 +226,7 @@ command-palette:
     remove-ns-context: Remove Namespace context
 common:
   ariaLabel:
+    code-preview: Code Preview
     editor: editor
     new-tab-link: This link will be opened in a new tab.
   buttons:

src/shared/components/MonacoEditorESM/hooks/useCreateEditor.js

@@ -61,6 +61,16 @@ export const useCreateEditor = ({
       ...options,
     });
 
+    if (divRef.current) {
+      const minimapElement = divRef.current.querySelector('.minimap');
+      if (minimapElement) {
+        minimapElement.setAttribute(
+          'title',
+          t('common.ariaLabel.code-preview'),
+        );
+      }
+    }
+
     setEditorInstance(instance);
 
     return () => {