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

apps/web/app/sitemap.ts

@@ -1,5 +1,5 @@
 import { MetadataRoute } from 'next';
-import { blogPosts } from '../src/data/blogPosts';
+import { allPosts } from 'contentlayer/generated';
 import { technologies } from './technologies/[slug]/data';
 
 /**
@@ -28,7 +28,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
     }));
 
     // 2. Dynamic Blog Posts
-    const blogRoutes = blogPosts.map((post) => ({
+    const blogRoutes = allPosts.map((post) => ({
         url: `${baseUrl}/blog/${post.slug}`,
         lastModified: new Date(post.date),
         changeFrequency: 'monthly' as const,
@@ -44,7 +44,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
     }));
 
     // 4. Tag Pages
-    const allTags = [...new Set(blogPosts.flatMap((post) => post.tags))];
+    const allTags = [...new Set(allPosts.flatMap((post) => post.tags))];
     const tagRoutes = allTags.map((tag) => ({
         url: `${baseUrl}/tags/${tag}`,
         lastModified: new Date(),