Image optimization and remark/rehype

package.json

@@ -23,6 +23,7 @@
     "@playwright/test": "^1.37.1",
     "@supabase/supabase-js": "^2.26.0",
     "@sveltejs/adapter-static": "^2.0.3",
+    "@sveltejs/enhanced-img": "^0.1.5",
     "@sveltejs/kit": "^1.24.1",
     "@types/cookie": "^0.5.2",
     "@types/markdown-it": "^13.0.1",
@@ -38,21 +39,28 @@
     "front-matter": "^4.0.2",
     "gray-matter": "^4.0.3",
     "js-yaml": "^4.1.0",
-    "markdown-it": "^13.0.1",
     "playwright": "^1.37.1",
     "postcss-nested": "^6.0.1",
     "postcss-size": "^4.0.1",
     "postcss-sorting": "^8.0.2",
     "prettier": "^3.0.3",
     "prettier-plugin-svelte": "^3.0.3",
+    "rehype-stringify": "^10.0.0",
+    "remark": "^15.0.1",
+    "remark-frontmatter": "^5.0.0",
+    "remark-parse-frontmatter": "^1.0.3",
+    "remark-rehype": "^11.0.0",
     "svelte": "^4.2.0",
     "svelte-check": "^3.5.1",
     "svelte-preprocess-import-assets": "^1.0.1",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",
     "unist-util-visit": "^5.0.0",
     "vite": "^4.4.9",
-    "vitest": "^0.34.4"
+    "vitest": "^0.34.4",
+    "highlight.js": "^11.9.0",
+    "rehype-highlight": "^7.0.0"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {}
 }