feat: migrate Payload CMS to MDX and harden static infrastructure

app/[locale]/[slug]/page.tsx

@@ -4,7 +4,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getPageBySlug, getAllPages } from '@/lib/pages';
 import { mapSlugToFileSlug, mapFileSlugToTranslated } from '@/lib/slugs';
-import PayloadRichText from '@/components/PayloadRichText';
+import MDXContent from '@/components/MDXContent';
 import { SITE_URL } from '@/lib/schema';
 import TrackedLink from '@/components/analytics/TrackedLink';
 
@@ -82,7 +82,7 @@ export default async function StandardPage({ params }: PageProps) {
   if (pageData.frontmatter.layout === 'fullBleed') {
     return (
       <div className="flex flex-col min-h-screen">
-        <PayloadRichText data={pageData.content} className="" />
+        <MDXContent data={pageData.content} className="" />
       </div>
     );
   }
@@ -121,7 +121,7 @@ export default async function StandardPage({ params }: PageProps) {
 
           {/* Main content with shared blog components */}
           <div className="prose prose-lg md:prose-xl max-w-none prose-headings:font-bold prose-headings:text-text-primary prose-p:text-text-secondary prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-img:rounded-2xl prose-img:shadow-2xl prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:rounded-r-2xl prose-strong:text-primary">
-            <PayloadRichText data={pageData.content} />
+            <MDXContent data={pageData.content} />
           </div>
 
           {/* Support Section */}