feat: trying to figure out syntax highlighting

package.json

@@ -18,6 +18,7 @@
     "eslint": "8.38.0",
     "eslint-config-next": "13.3.0",
     "next": "13.2.4",
+    "prismjs": "^1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.0.4"
@@ -25,6 +26,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
+    "@types/prismjs": "^1.26.0",
     "cross-env": "^7.0.3",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.5.0",
@@ -32,4 +34,4 @@
     "prettier": "^2.8.7",
     "ts-node": "^10.9.1"
   }
-}
+}