feat: reorganize blog layout

src/components/blog/BlogRecentArticles.astro

@@ -12,10 +12,10 @@ const { posts } = Astro.props;
 <section class="mx-auto mb-10 max-w-[85rem] px-4 py-8 sm:px-6 lg:px-8 2xl:max-w-full">
   <div class="text-left">
     <h2
-      id="selected-articel"
-      class="smooth-reveal-2 mb-4 text-5xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
+      id="recent-articles"
+      class="smooth-reveal-2 mb-10 text-5xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
     >
-      Older Articles
+      Recent Posts
     </h2>
   </div>
 

src/components/blog/BlogSelectedArticles.astro

@@ -10,12 +10,11 @@ interface Props {
 }
 
 const { posts } = Astro.props;
-const blogPosts = posts.slice(0, 5);
 ---
 
 <section class="smooth-reveal">
   {
-    blogPosts.map((b, index) =>
+    posts.map((b, index) =>
       index % 2 === 0 ? (
         <BlogLeftSection
           title={b.title}