use react syntax highlighter instead of prism

package.json

@@ -31,7 +31,6 @@
     "next-i18next": "^10.2.0",
     "nextjs-progressbar": "^0.0.13",
     "preview-office-docs": "^1.0.2",
-    "prismjs": "^1.23.0",
     "react": "^17.0.2",
     "react-async-hook": "^4.0.0",
     "react-audio-player": "^0.17.0",
@@ -42,6 +41,8 @@
     "react-hotkeys-hook": "^3.4.4",
     "react-markdown": "^8.0.0",
     "react-reader": "^0.20.4",
+    "react-syntax-highlighter": "^15.4.5",
+    "react-use-system-theme": "^1.1.1",
     "rehype-katex": "^6.0.2",
     "rehype-raw": "^6.0.0",
     "remark-gfm": "^3.0.1",