style(blog): move post title and description above meta info

Reorder the header elements in the blog post layout to display the title and description before the publish date and author.

src/layouts/BlogPost.astro

@@ -20,6 +20,8 @@ const { post } = Astro.props;
       
       <div class="post-container">
         <header class="post-header">
+          <h1 class="post-title">{post.data.title}</h1>
+          <p class="post-description">{post.data.description}</p>
           <div class="post-meta">
             <time datetime={post.data.pubDate.toISOString()}>
               {post.data.pubDate.toLocaleDateString('en-US', {
@@ -34,8 +36,6 @@ const { post } = Astro.props;
               </span>
             )}
           </div>
-          <h1 class="post-title">{post.data.title}</h1>
-          <p class="post-description">{post.data.description}</p>
           {post.data.tags.length > 0 && (
             <div class="tags">
               {post.data.tags.map((tag) => <span class="tag">#{tag}</span>)}