Resolve "Add Markdown Viewer"

Closes #258 (closed) Made for 3rd time since the previous merge request was created when the duplicate grady folder problem was still there

frontend/src/components/submission_notes/base/SubmissionLine.vue

@@ -16,7 +16,11 @@
     </td>
     <td class="code-cell-content pl-2">
       <!-- eslint-disable-next-line -->
-      <span class="code-line" :key="key" v-html="code"/>
+      <span
+        :key="key"
+        class="code-line"
+        v-html="html"
+      />
       <slot />
     </td>
   </div>
@@ -46,7 +50,8 @@ export default {
   },
   data () {
     return {
-      key: 0
+      key: 0,
+      html:''
     }
   },
   computed: {
@@ -58,6 +63,8 @@ export default {
     subNotesEventBus.$on('resetSubmission', () => {
       this.key++
     })
+    const {marked} = require('marked')
+    this.html = marked.parse(this.code)
   },
   methods: {
     toggleEditor () {
@@ -77,7 +84,7 @@ export default {
   }
 
   .code-line {
-    white-space: pre-wrap;
+    white-space: normal;
     font-family: monospace;
   }