chore(editor): update Monaco Editor configuration for improved UX

src/config/editor-option.ts

@@ -1,27 +1,42 @@
 import { type editor } from "monaco-editor";
 
 export const DefaultEditorOptionConfig: editor.IEditorConstructionOptions = {
-  autoIndent: "full",
-  automaticLayout: true,
-  contextmenu: true,
   fontFamily: "Fira Code",
   fontLigatures: true,
+  lineHeight: 20,
   fontSize: 14,
+  bracketPairColorization: {
+    enabled: true,
+  },
+  showFoldingControls: "always",
   guides: {
     bracketPairs: true,
+    bracketPairsHorizontal: "active",
+    highlightActiveBracketPair: true,
+    highlightActiveIndentation: "always",
     indentation: true,
   },
-  hideCursorInOverviewRuler: true,
+  hover: {
-  lineHeight: 20,
+    above: false,
-  matchBrackets: "always",
-  minimap: {
-    enabled: false,
   },
-  readOnly: false,
   scrollbar: {
     horizontalSliderSize: 10,
     verticalSliderSize: 10,
   },
-  showFoldingControls: "always",
   wordWrap: "on",
+  minimap: {
+    enabled: false,
+  },
+  smoothScrolling: true,
+  stickyScroll: {
+    enabled: true,
+    maxLineCount: 5,
+  },
+  cursorBlinking: "smooth",
+  cursorSmoothCaretAnimation: "on",
+  suggestSelection: "recentlyUsed",
+  autoIndent: "full",
+  automaticLayout: true,
+  contextmenu: true,
+  matchBrackets: "always",
 };