fix(blog): optimize component share logic, typography, and modal layouts

apps/web/src/components/MDXContent.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { useMDXComponent } from "next-contentlayer2/hooks";
+import { mdxComponents } from "../content-engine/registry";
+
+interface MDXContentProps {
+    code: string;
+}
+
+export function MDXContent({ code }: MDXContentProps) {
+    // FIX: Contentlayer/MDX often appends hoisted functions *after* the `return MDXContent` statement,
+    // which causes Firefox to vomit hundreds of "unreachable code after return statement" warnings.
+    // We rewrite the generated IIFE string to move the return to the very end.
+    let patchedCode = code;
+    if (patchedCode.includes("return function MDXContent(")) {
+        patchedCode = patchedCode.replace("return function MDXContent(", "const MDXContent = function MDXContent(");
+        patchedCode += "\nreturn MDXContent;";
+    }
+
+    const Component = useMDXComponent(patchedCode);
+    return <Component components={mdxComponents} />;
+}