fix: Language cache sight

src/widgets/ReactMarkdownEditor/index.tsx

@@ -2,58 +2,58 @@ import { styled } from "@mui/material/styles";
 import SimpleMDE, { SimpleMDEReactProps } from "react-simplemde-editor";
 import "easymde/dist/easymde.min.css";
 
-const StyledMarkdownEditor = styled("div")(() => ({
+const StyledMarkdownEditor = styled("div")(({ theme }) => ({
   "& .editor-toolbar": {
-    backgroundColor: "inherit",
-    borderColor: "inherit",
+    backgroundColor: theme.palette.background.paper,
+    borderColor: theme.palette.divider,
   },
   "& .editor-toolbar button": {
-    color: "inherit",
+    color: theme.palette.text.primary,
   },
   "& .editor-toolbar button:hover": {
-    backgroundColor: "inherit",
+    backgroundColor: theme.palette.action.hover,
   },
   "& .editor-toolbar button:active, & .editor-toolbar button.active": {
-    backgroundColor: "inherit",
+    backgroundColor: theme.palette.action.selected,
   },
   "& .editor-statusbar": {
     display: "none",
   },
   // Стили для самого редактора
   "& .CodeMirror": {
-    backgroundColor: "inherit",
-    color: "inherit",
-    borderColor: "inherit",
+    backgroundColor: theme.palette.background.paper,
+    color: theme.palette.text.primary,
+    borderColor: theme.palette.divider,
   },
   // Стили для текста в редакторе
   "& .CodeMirror-selected": {
-    backgroundColor: "inherit !important",
+    backgroundColor: `${theme.palette.action.selected} !important`,
   },
   "& .CodeMirror-cursor": {
-    borderLeftColor: "inherit",
+    borderLeftColor: theme.palette.text.primary,
   },
   // Стили для markdown разметки
   "& .cm-header": {
-    color: "inherit",
+    color: theme.palette.primary.main,
   },
   "& .cm-quote": {
-    color: "inherit",
+    color: theme.palette.text.secondary,
     fontStyle: "italic",
   },
   "& .cm-link": {
-    color: "inherit",
+    color: theme.palette.primary.main,
   },
   "& .cm-url": {
-    color: "inherit",
+    color: theme.palette.secondary.main,
   },
   "& .cm-formatting": {
-    color: "inherit",
+    color: theme.palette.text.secondary,
   },
 
   "& .CodeMirror .editor-preview-full": {
-    backgroundColor: "inherit",
-    color: "inherit",
-    borderColor: "inherit",
+    backgroundColor: theme.palette.background.paper,
+    color: theme.palette.text.primary,
+    borderColor: theme.palette.divider,
   },
 
   "& .EasyMDEContainer": {
@@ -100,8 +100,7 @@ export const ReactMarkdownEditor = (props: SimpleMDEReactProps) => {
     ];
   return (
     <StyledMarkdownEditor
-      autoFocus={false}
-      spellCheck={false}
+      className="my-markdown-editor"
       sx={{ marginTop: 1.5, marginBottom: 3 }}
     >
       <SimpleMDE {...props} />