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

apps/web/next.config.mjs

@@ -1,7 +1,11 @@
+import { withContentlayer } from 'next-contentlayer2';
 import withMintelConfig from "@mintel/next-config";
 
+import createMDX from '@next/mdx';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
   reactStrictMode: true,
   output: 'standalone',
   images: {
@@ -25,4 +29,8 @@ const nextConfig = {
   },
 };
 
-export default withMintelConfig(nextConfig);
+const withMDX = createMDX({
+  // Add markdown plugins here, as desired
+});
+
+export default withContentlayer(withMintelConfig(withMDX(nextConfig)));