feat: complete MDX migration for blog, fix diagram fidelity and refactor styling architecture

apps/web/app/blog/page.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useState, useEffect } from "react";
 import { MediumCard } from "../../src/components/MediumCard";
 import { BlogCommandBar } from "../../src/components/blog/BlogCommandBar";
-import { blogPosts } from "../../src/data/blogPosts";
+import { allPosts as contentPosts } from "contentlayer/generated";
 import { SectionHeader } from "../../src/components/SectionHeader";
 import { Reveal } from "../../src/components/Reveal";
 import { Section } from "../../src/components/Section";
@@ -19,7 +19,7 @@ export default function BlogPage() {
   // Memoize allPosts
   const allPosts = React.useMemo(
     () =>
-      [...blogPosts].sort(
+      [...contentPosts].sort(
         (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
       ),
     [],