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

apps/web/app/blog/[slug]/page.tsx

@@ -8,8 +8,7 @@ import { Reveal } from "../../../src/components/Reveal";
 import { BlogPostClient } from "../../../src/components/BlogPostClient";
 import { TextSelectionShare } from "../../../src/components/TextSelectionShare";
 import { BlogPostStickyBar } from "../../../src/components/blog/BlogPostStickyBar";
-import { MDXRemote } from "next-mdx-remote/rsc";
-import { MDXComponents } from "../../../mdx-components";
+import { MDXContent } from "../../../src/components/MDXContent";
 
 export async function generateStaticParams() {
   return allPosts.map((post) => ({
@@ -74,6 +73,7 @@ export default async function BlogPostPage({
         date={formattedDate}
         readingTime={readingTime}
         slug={slug}
+        thumbnail={post.thumbnail}
       />
 
       <main id="post-content">
@@ -99,10 +99,7 @@ export default async function BlogPostPage({
               )}
 
               <div className="article-content max-w-none">
-                <MDXRemote
-                  source={post.body.raw.replace(/^---[\s\S]*?\n---\s*/, '')}
-                  components={MDXComponents}
-                />
+                <MDXContent code={post.body.code} />
               </div>
             </Reveal>
           </div>