feat: update AppRouter with layout routes, add Docs and Blog pages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/BlogListPage.tsx

@@ -0,0 +1,35 @@
+import { Link } from 'react-router-dom';
+import SEOHead from '../components/seo/SEOHead';
+import { useLanguage } from '../contexts/LanguageContext';
+
+const posts = [
+  {
+    slug: 'introducing-texpixel',
+    title: 'Introducing TexPixel',
+    titleZh: 'TexPixel 介绍',
+    description: 'Meet TexPixel — your AI-powered formula recognition tool',
+    descriptionZh: '认识 TexPixel — 你的 AI 公式识别工具',
+    date: '2026-03-25',
+  },
+];
+
+export default function BlogListPage() {
+  const { language } = useLanguage();
+  return (
+    <>
+      <SEOHead title="Blog" description="TexPixel blog — updates, tutorials, and insights" path="/blog" />
+      <div className="max-w-4xl mx-auto py-16 px-6">
+        <h1 className="text-3xl font-bold text-gray-900 mb-8">{language === 'en' ? 'Blog' : '博客'}</h1>
+        <div className="space-y-6">
+          {posts.map((post) => (
+            <Link key={post.slug} to={`/blog/${post.slug}`} className="block p-6 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
+              <div className="text-xs text-gray-400 mb-2">{post.date}</div>
+              <h2 className="text-lg font-semibold text-gray-900">{language === 'en' ? post.title : post.titleZh}</h2>
+              <p className="text-gray-600 mt-1 text-sm">{language === 'en' ? post.description : post.descriptionZh}</p>
+            </Link>
+          ))}
+        </div>
+      </div>
+    </>
+  );
+}