fix(mdx): resolve React-PDF SVG typings and next-mdx-remote parsing issues for pages/products

lib/pages.ts

@@ -51,7 +51,13 @@ export async function getPageBySlug(slug: string, locale: string): Promise<PageD
     const fileContent = await fs.readFile(filePath, 'utf-8');
     const { data, content } = matter(fileContent);
 
-    let parsedContent = content;
+    // Fix MDX data props dropped by next-mdx-remote
+    // Payload serializes as data={{"items":...}} which Acorn treats as a Block statement.
+    const fixedContent = content.replace(/data=\{\{([\s\S]*?)\}\}/g, (match, p1) => {
+      return 'data="{' + p1.replace(/"/g, '&quot;') + '}"';
+    });
+
+    let parsedContent = fixedContent;
     try {
       if (content.trim().startsWith('{')) {
         parsedContent = JSON.parse(content);