[GH-1315] Fix card automatically scrolls to bottom (#1573)

* fix: card automatically scrolls to bottom

* fix: update jest snapshots

webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap

@@ -36,7 +36,7 @@ exports[`components/cardDetail/cardDetailContents should match snapshot 1`] = `
               class="EasyMDEContainer"
             >
               <div
-                class="CodeMirror cm-s-easymde CodeMirror-wrap CodeMirror-focused"
+                class="CodeMirror cm-s-easymde CodeMirror-wrap"
               >
                 <div
                   style="overflow: hidden; position: relative; width: 3px; height: 0px;"

webapp/src/components/content/__snapshots__/textElement.test.tsx.snap

@@ -3,14 +3,15 @@
 exports[`components/content/TextElement return a textElement 1`] = `
 <div>
   <div
-    class="MarkdownEditor octo-editor  "
+    class="MarkdownEditor octo-editor  active"
   >
     <div
       class="octo-editor-preview octo-placeholder"
+      style="display: none;"
     />
     <div
       class="octo-editor-active Editor"
-      style="visibility: hidden; position: absolute; top: 0px; left: 0px;"
+      style=""
     >
       <div
         id="test-id-wrapper"
@@ -140,6 +141,7 @@ exports[`components/content/TextElement return a textElement and do a blur event
   >
     <div
       class="octo-editor-preview octo-placeholder"
+      style=""
     />
     <div
       class="octo-editor-active Editor"

webapp/src/components/markdownEditor.tsx

@@ -33,7 +33,6 @@ const MarkdownEditor = (props: Props): JSX. Element => {
         autoDownloadFontAwesome: true,
         toolbar: false,
         status: false,
-        autofocus: true,
         spellChecker: true,
         nativeSpellcheck: true,
         minHeight: '10px',