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/blog/posts/mastering-react-hooks.md

@@ -5,12 +5,11 @@ image: "https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=400&h=250
 date: "May 10, 2025"
 readTime: "5 min read"
 tags: ["React", "JavaScript", "Frontend"]
+category: ["React", "Frontend"]
 slug: "mastering-react-hooks"
 layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
-# Mastering React Hooks: A Deep Dive
-
 ![React Hooks](https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=800&h=400&fit=crop&crop=center)
 
 React Hooks have revolutionized the way we write React components, allowing us to use state and other React features in functional components. In this comprehensive guide, we'll explore the most important hooks and learn how to use them effectively.

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

@@ -9,8 +9,6 @@ slug: "modern-ui-tailwind"
 layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
-# Building Modern UIs with Tailwind CSS
-
 ![Modern UI Design](https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=400&fit=crop&crop=center)
 
 Tailwind CSS has revolutionized the way developers approach styling web applications. By providing a comprehensive set of utility classes, it enables rapid development of beautiful, responsive user interfaces without writing custom CSS. Let's explore how to leverage Tailwind CSS to build modern UIs.

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

@@ -9,8 +9,6 @@ slug: "scaling-nodejs-docker"
 layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
-# Scaling Node.js Apps with Docker
-
 ![Docker and Node.js](https://images.unsplash.com/photo-1605745341112-85968b19335b?w=800&h=400&fit=crop&crop=center)
 
 Docker has revolutionized how we deploy and scale applications. When combined with Node.js, it provides a powerful platform for building scalable, maintainable applications. In this guide, we'll explore how to containerize Node.js applications and scale them effectively.

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

@@ -9,8 +9,6 @@ slug: "typescript-best-practices"
 layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
-# TypeScript Best Practices for Large Projects
-
 ![TypeScript Development](https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=800&h=400&fit=crop&crop=center)
 
 TypeScript has become the de facto standard for building large-scale JavaScript applications. Its static type system helps catch errors early, improves code maintainability, and enhances developer productivity. In this comprehensive guide, we'll explore essential TypeScript best practices for enterprise-level projects.
@@ -88,7 +86,7 @@ Start with a robust `tsconfig.json`:
 
 Organize your project for scalability:
 
-```
+```markdown
 src/
 ├── components/          # Reusable UI components
 │   ├── common/         # Shared components