feat(i18n): implement comprehensive blog post enhancements

- Add avatar to personal info in data.ts
- Remove redundant headings from blog posts
- Reorder imports in utils.ts for consistency
- Implement new blog layout components including:
  - PostMeta for displaying post metadata
  - TableOfContents for navigation
  - BlogNavigation for post pagination
  - ShareButtons for social sharing
  - AuthorCard for author information
- Enhance BlogPostLayout with:
  - Improved typography and spacing
  - Responsive sidebar layout
  - Dark mode support
  - Better code block styling
- Remove outdated i18n guide documentation
- Add comprehensive styling for all new components

src/pages/zh/blog/posts/mastering-react-hooks.md

@@ -9,8 +9,6 @@ slug: "mastering-react-hooks"
 layout: "../../../../layouts/BlogPostLayout.astro"
 ---
 
-# 精通 React Hooks：深入探索
-
 ![React Hooks](https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=800&h=400&fit=crop&crop=center)
 
 React Hooks 彻底改变了我们编写 React 组件的方式，让我们能够在函数组件中使用状态和其他 React 特性。在这个全面的指南中，我们将探索最重要的 hooks 并学习如何有效地使用它们。

src/pages/zh/blog/posts/modern-ui-tailwind.md

@@ -9,8 +9,6 @@ slug: "modern-ui-tailwind"
 layout: "../../../../layouts/BlogPostLayout.astro"
 ---
 
-# 使用 Tailwind CSS 构建现代 UI
-
 ![Tailwind CSS 设计](https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=400&fit=crop&crop=center)
 
 Tailwind CSS 已经彻底改变了我们构建用户界面的方式。作为一个实用优先的 CSS 框架，它提供了低级实用类，让你可以直接在标记中构建完全自定义的设计。在本指南中，我们将探索如何使用 Tailwind CSS 创建现代、响应式的 UI 组件。

src/pages/zh/blog/posts/scaling-nodejs-docker.md

@@ -9,8 +9,6 @@ slug: "scaling-nodejs-docker"
 layout: "../../../../layouts/BlogPostLayout.astro"
 ---
 
-# 使用 Docker 扩展 Node.js 应用
-
 ![Docker 和 Node.js](https://images.unsplash.com/photo-1605745341112-85968b19335b?w=800&h=400&fit=crop&crop=center)
 
 Docker 彻底改变了我们部署和扩展应用程序的方式。当与 Node.js 结合使用时，它提供了一个强大的平台来构建可扩展、可维护的应用程序。在本指南中，我们将探索如何容器化 Node.js 应用程序并有效地扩展它们。

src/pages/zh/blog/posts/typescript-best-practices.md

@@ -9,8 +9,6 @@ slug: "typescript-best-practices"
 layout: "../../../../layouts/BlogPostLayout.astro"
 ---
 
-# TypeScript 在大型项目中的最佳实践
-
 ![TypeScript 开发](https://images.unsplash.com/photo-1516116216624-53e697fedbea?w=800&h=400&fit=crop&crop=center)
 
 TypeScript 已经成为现代 JavaScript 开发的标准选择，特别是在大型项目中。它提供了静态类型检查、更好的 IDE 支持和增强的代码可维护性。在本指南中，我们将探索在企业级应用中使用 TypeScript 的最佳实践。
@@ -29,7 +27,7 @@ TypeScript 为大型项目带来了显著优势：
 
 ### 1. 推荐的项目结构
 
-```
+```markdown
 src/
 ├── components/          # 可重用组件
 │   ├── ui/             # 基础 UI 组件