feat: complete MDX migration for blog, fix diagram fidelity and refactor styling architecture

apps/web/package.json

@@ -30,8 +30,13 @@
   },
   "dependencies": {
     "@directus/sdk": "21.0.0",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@mintel/cloner": "^1.8.0",
+    "@mintel/content-engine": "link:../../../at-mintel/packages/content-engine",
+    "@mintel/meme-generator": "link:../../../at-mintel/packages/meme-generator",
     "@mintel/pdf": "^1.8.0",
+    "@next/mdx": "^16.1.6",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/context-async-hooks": "^2.1.0",
     "@opentelemetry/core": "^2.1.0",
@@ -52,12 +57,16 @@
     "axios": "^1.13.4",
     "canvas-confetti": "^1.9.4",
     "clsx": "^2.1.1",
+    "contentlayer2": "^0.5.8",
     "crawlee": "^3.15.3",
+    "esbuild": "^0.27.3",
     "framer-motion": "^12.29.2",
     "ioredis": "^5.9.1",
     "lucide-react": "^0.468.0",
     "mermaid": "^11.12.2",
     "next": "^16.1.6",
+    "next-contentlayer2": "^0.5.8",
+    "next-mdx-remote": "^6.0.0",
     "nodemailer": "^8.0.1",
     "playwright": "^1.58.1",
     "prismjs": "^1.30.0",
@@ -100,4 +109,4 @@
     "typescript": "5.9.3",
     "typescript-eslint": "^8.54.0"
   }
-}
+}