style: final consistency pass — theme, responsive, animations

lib/posts.ts

@@ -3,7 +3,7 @@ import path from 'path'
 import matter from 'gray-matter'
 import { compileMDX } from 'next-mdx-remote/rsc'
 import { cache } from 'react'
-import { useMDXComponents } from '@/mdx-components'
+import { useMDXComponents as getMDXComponents } from '@/mdx-components'
 import remarkMath from 'remark-math'
 import remarkGfm from 'remark-gfm'
 import rehypeKatex from 'rehype-katex'
@@ -58,7 +58,7 @@ export const getPost = async (slug: string): Promise<Post | null> => {
   const filePath = path.join(postsDirectory, file)
   const raw = await fs.readFile(filePath, 'utf8')
   const { data, content } = matter(raw)
-  const components = useMDXComponents({})
+  const components = getMDXComponents({})
 
   const { content: compiledContent } = await compileMDX({
     source: content,