refactor(blog): update blog post layouts and remove index pages

- Replace BlogLayout with new BlogPostLayout for better post styling
- Remove unused blog post index pages
- Add new blog post layout with enhanced typography and metadata

src/pages/blog/posts/index.astro

@@ -1,22 +0,0 @@
----
-import BlogLayout from '../../../layouts/BlogLayout.astro';
-import type { Lang } from '../../../i18n/utils';
-
-const lang = (Astro.currentLocale || 'en') as Lang;
----
-
-<BlogLayout title="Blog Posts">
-  <div class="container mx-auto px-4 py-8">
-    <h1 class="text-4xl font-bold text-center mb-8">All Blog Posts</h1>
-    <p class="text-center text-muted-foreground mb-8">
-      Explore all our blog posts organized by categories and topics.
-    </p>
-    
-    <!-- This page can be used for additional blog organization features -->
-    <div class="text-center">
-      <a href="/blog" class="text-primary hover:underline">
-        ← Back to Blog Home
-      </a>
-    </div>
-  </div>
-</BlogLayout>

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

@@ -6,7 +6,7 @@ date: "May 10, 2025"
 readTime: "5 min read"
 tags: ["React", "JavaScript", "Frontend"]
 slug: "mastering-react-hooks"
-layout: "../../../layouts/BlogLayout.astro"
+layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
 # Mastering React Hooks: A Deep Dive

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

@@ -6,7 +6,7 @@ date: "April 15, 2025"
 readTime: "6 min read"
 tags: ["CSS", "Tailwind", "UI/UX"]
 slug: "modern-ui-tailwind"
-layout: "../../../layouts/BlogLayout.astro"
+layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
 # Building Modern UIs with Tailwind CSS

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

@@ -6,7 +6,7 @@ date: "April 25, 2025"
 readTime: "7 min read"
 tags: ["Node.js", "Docker", "DevOps"]
 slug: "scaling-nodejs-docker"
-layout: "../../../layouts/BlogLayout.astro"
+layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
 # Scaling Node.js Apps with Docker

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

@@ -6,7 +6,7 @@ date: "March 30, 2025"
 readTime: "8 min read"
 tags: ["TypeScript", "JavaScript", "Architecture"]
 slug: "typescript-best-practices"
-layout: "../../../layouts/BlogLayout.astro"
+layout: "../../../layouts/BlogPostLayout.astro"
 ---
 
 # TypeScript Best Practices for Large Projects