FEATURE: Type footnotes in Markdown format (closes #331).

Thanks to GitHub flavored Markdown, you can also type tables, task lists, code blocks and spans, etc.
See https://github.github.com/gfm/

Author: benel

frontend/package-lock.json

@@ -19,6 +19,7 @@
     "react-notifications": "^1.7.4",
     "react-router-dom": "^6.4.3",
     "remark-definition-list": "^2.0.0",
+    "remark-gfm": "^4.0.1",
     "remark-unwrap-images": "^4.0.0",
     "uuid": "^11.0.5",
     "vite-plugin-eslint": "^1.8.1",

frontend/package.json

@@ -1,4 +1,5 @@
 import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 import remarkUnwrapImages from 'remark-unwrap-images';
 import { remarkDefinitionList, defListHastHandlers } from 'remark-definition-list';
 import CroppedImage from './CroppedImage';
@@ -17,7 +18,7 @@ function FormattedText({children, setHighlightedText, selectable, setSelectedTex
 
   return (<>
     <ReactMarkdown
-      remarkPlugins={[remarkDefinitionList, remarkUnwrapImages]}
+      remarkPlugins={[remarkGfm, remarkDefinitionList, remarkUnwrapImages]}
       components={{
         img: (x) => embedVideo(x) || CroppedImage(x),
         p: (x) => VideoComment(x)