markdown and textarea input

frontend/package.json

@@ -13,15 +13,21 @@
     "@fluentui/react-icons": "^2.0.201",
     "@microsoft/fetch-event-source": "^2.0.1",
     "classnames": "^2.3.2",
+    "github-markdown-css": "^5.2.0",
     "i18next": "^22.4.15",
     "mobx": "^6.9.0",
     "mobx-react-lite": "^3.4.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.2.2",
+    "react-markdown": "^8.0.7",
     "react-router": "^6.11.1",
     "react-router-dom": "^6.11.1",
     "react-toastify": "^9.1.3",
+    "rehype-highlight": "^6.0.0",
+    "rehype-raw": "^6.1.1",
+    "remark-breaks": "^3.0.3",
+    "remark-gfm": "^3.0.1",
     "usehooks-ts": "^2.9.1",
     "uuid": "^9.0.0"
   },
@@ -33,6 +39,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.23",
     "rollup-plugin-visualizer": "^5.9.0",
+    "sass": "^1.62.1",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.0.4",
     "vite": "^4.3.6"