Replace textarea with div for CodeMirror in App.tsx

src/App.tsx

@@ -1539,14 +1539,11 @@ export default function App() {
                   markdownPreview ? " editor__textarea-wrap--preview" : ""
                 }`}
               >
-                <textarea
+                <div
-                  ref={textareaRef}
+                  ref={editorHostRef}
-                  id="editor-textarea"
+                  className={`editor__codemirror${
-                  className={`editor__textarea${markdownPreview ? " editor__textarea--hidden" : ""}`}
+                    markdownPreview ? " editor__codemirror--hidden" : ""
-                  value={body}
+                  }`}
-                  onChange={(event) => setBody(event.target.value)}
-                  placeholder="Write your text here…"
-                  readOnly={isViewingHistory || markdownPreview}
                 />
                 <div
                   className={`markdown-preview md-root${markdownPreview ? "" : " markdown-preview--hidden"}`}