feat(blog): complete blog experience overhaul

- Implemented minimalist vertical teaser list (MediumCard)
- Consolidated and refined 20 engineering-focused blog posts
- Rebuilt blog overview with narrow, centered layout (max-w-3xl)
- Introduced BlogCommandBar for integrated search and tag filtering
- Consolidated tags to 6-8 core technical categories
- Redesigned blog detail pages with industrial 'Technical Frame' layout
- Added SectionHeader component for consistent industrial titling
- Optimized vertical space by removing redundant PageHeaders

apps/web/src/components/ArticleHeading.tsx

@@ -1,24 +1,30 @@
-import React from 'react';
+import React from "react";
 
 interface HeadingProps {
   children: React.ReactNode;
   className?: string;
 }
 
-export const H1: React.FC<HeadingProps> = ({ children, className = '' }) => (
-  <h1 className={`text-4xl md:text-5xl font-bold text-slate-900 mb-8 mt-12 leading-[1.1] tracking-tight ${className}`}>
+export const H1: React.FC<HeadingProps> = ({ children, className = "" }) => (
+  <h1
+    className={`text-4xl md:text-5xl font-bold text-slate-900 mb-6 mt-8 leading-[1.1] tracking-tight ${className}`}
+  >
     {children}
   </h1>
 );
 
-export const H2: React.FC<HeadingProps> = ({ children, className = '' }) => (
-  <h2 className={`text-3xl md:text-4xl font-bold text-slate-900 mb-6 mt-10 leading-[1.2] tracking-tight ${className}`}>
+export const H2: React.FC<HeadingProps> = ({ children, className = "" }) => (
+  <h2
+    className={`text-3xl md:text-4xl font-bold text-slate-900 mb-4 mt-10 leading-[1.2] tracking-tight ${className}`}
+  >
     {children}
   </h2>
 );
 
-export const H3: React.FC<HeadingProps> = ({ children, className = '' }) => (
-  <h3 className={`text-2xl md:text-3xl font-bold text-slate-900 mb-4 mt-8 leading-[1.3] tracking-tight ${className}`}>
+export const H3: React.FC<HeadingProps> = ({ children, className = "" }) => (
+  <h3
+    className={`text-2xl md:text-3xl font-bold text-slate-900 mb-3 mt-8 leading-[1.3] tracking-tight ${className}`}
+  >
     {children}
   </h3>
-);
+);