markdown features

package.json

@@ -16,14 +16,19 @@
     "framer-motion": "^8.0.2",
     "gray-matter": "^4.0.3",
     "next": "13.0.6",
+    "parse-numeric-range": "^1.3.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.7.1",
+    "react-markdown": "^8.0.4",
+    "react-syntax-highlighter": "^15.5.0",
     "remark": "^14.0.2",
+    "remark-gfm": "^3.0.1",
     "remark-html": "^15.0.1",
     "typescript": "4.9.3"
   },
   "devDependencies": {
+    "@types/react-syntax-highlighter": "^15.5.5",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.19",
     "tailwindcss": "^3.2.4"