Syntax highlighting in code blocks

package.json

@@ -107,6 +107,7 @@
     "react-beautiful-dnd": "12.2.0",
     "react-dom": "^16.3.2",
     "react-markdown": "^6.0.1",
+    "react-syntax-highlighter": "^15.4.3",
     "react-textarea-autosize": "^8.3.2",
     "recharts": "^2.0.9",
     "rehype-katex": "^5.0.0",
@@ -130,6 +131,7 @@
     "@types/jest": "^23.3.14",
     "@types/lodash": "^4.14.168",
     "@types/node": "^10.17.56",
+    "@types/react-syntax-highlighter": "^13.5.0",
     "@types/recharts": "^1.8.19",
     "@types/uuid": "^8.3.0",
     "react-scripts": "^2.1.8",