sync with pliny dev

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

@@ -1,5 +1,6 @@
 import PageTitle from '@/components/PageTitle'
-import { Mdx } from '@/components/MDXComponents'
+import { components } from '@/components/MDXComponents'
+import { MDXLayoutRenderer } from 'pliny/mdx-components'
 import { sortedBlogPost, coreContent } from 'pliny/utils/contentlayer'
 import { allBlogs, allAuthors } from 'contentlayer/generated'
 import type { Authors, Blog } from 'contentlayer/generated'
@@ -104,7 +105,7 @@ export default async function Page({ params }: { params: { slug: string[] } }) {
             {JSON.stringify(jsonLd)}
           </script>
           <PostLayout content={mainContent} authorDetails={authorDetails} next={next} prev={prev}>
-            <Mdx code={post.body.code} toc={post.toc} />
+            <MDXLayoutRenderer code={post.body.code} components={components} toc={post.toc} />
           </PostLayout>
         </>
       )}

app/blog/page.tsx

@@ -21,14 +21,11 @@ export default function BlogPage() {
   }
 
   return (
-    <>
-      {/* <PageSEO title={`Blog - ${siteMetadata.author}`} description={siteMetadata.description} /> */}
-      <ListLayout
-        posts={posts}
-        initialDisplayPosts={initialDisplayPosts}
-        pagination={pagination}
-        title="All Posts"
-      />
-    </>
+    <ListLayout
+      posts={posts}
+      initialDisplayPosts={initialDisplayPosts}
+      pagination={pagination}
+      title="All Posts"
+    />
   )
 }

app/blog/page/[page]/page.tsx

@@ -1,5 +1,3 @@
-// import { PageSEO } from '@/components/SEO'
-import siteMetadata from '@/data/siteMetadata'
 import ListLayout from '@/layouts/ListLayout'
 import { allCoreContent, sortedBlogPost } from 'pliny/utils/contentlayer'
 import { allBlogs } from 'contentlayer/generated'
@@ -28,14 +26,11 @@ export default function Page({ params }: { params: { page: string } }) {
   }
 
   return (
-    <>
-      {/* <PageSEO title={siteMetadata.title} description={siteMetadata.description} /> */}
-      <ListLayout
-        posts={allCoreContent(posts)}
-        initialDisplayPosts={allCoreContent(initialDisplayPosts)}
-        pagination={pagination}
-        title="All Posts"
-      />
-    </>
+    <ListLayout
+      posts={allCoreContent(posts)}
+      initialDisplayPosts={allCoreContent(initialDisplayPosts)}
+      pagination={pagination}
+      title="All Posts"
+    />
   )
 }