feat(post-page): separate headline and body content for improved rendering

- Extracted headline and body content from the post's HTML, allowing for distinct rendering of the headline and body in the post page.
- Updated the Svelte component to display the extracted headline and body content separately, enhancing the layout and readability of posts.

src/routes/post/[slug]/+page.svelte

@@ -32,16 +32,6 @@
   {/if}
 </svelte:head>
 
-{#if data.isEvent && (data.eventDateLabel || data.eventLocationText)}
-  <div class="mb-6">
-    <EventBadges
-      eventDate={data.eventDateRaw}
-      locationText={data.eventLocationText}
-      locationHref={(data.mapEmbedUrl || data.mapLinkUrl) ? '#map-section' : null}
-    />
-  </div>
-{/if}
-
 <div class="md:flex gap-2 items-end">
   {#if data.rawPostImageUrl}
     <div class="overflow-hidden inline-block my-4 border border-white self-start ring-1 ring-black/50 shadow-lg">
@@ -83,9 +73,23 @@
 </div>
 
 <article class="mt-8">
-  {#if data.contentHtml}
+  {#if data.contentHeadlineHtml}
     <div class="content markdown max-w-none prose prose-zinc">
-      {@html data.contentHtml}
+      {@html data.contentHeadlineHtml}
+    </div>
+  {/if}
+  {#if data.isEvent && (data.eventDateLabel || data.eventLocationText)}
+    <div class="mb-6">
+      <EventBadges
+        eventDate={data.eventDateRaw}
+        locationText={data.eventLocationText}
+        locationHref={(data.mapEmbedUrl || data.mapLinkUrl) ? '#map-section' : null}
+      />
+    </div>
+  {/if}
+  {#if data.contentBodyHtml}
+    <div class="content markdown max-w-none prose prose-zinc">
+      {@html data.contentBodyHtml}
     </div>
   {/if}
   {#if data.hasRowContent}