refactor(MarkdownPostLayout): clean up code formatting and improve layout structure

- Removed unnecessary whitespace for better readability.
- Wrapped ListPosts component in a div for improved layout consistency.

src/layouts/MarkdownPostLayout.astro

@@ -11,7 +11,7 @@ import Share from "../components/ui/Share.astro";
 const { frontmatter } = Astro.props;
 const currentUrl = `${Astro.site}${Astro.url.pathname}`;
 const tweetText = encodeURIComponent(
-  `"${frontmatter.title}" - by ${frontmatter.author} | EFEELE`,
+  `"${frontmatter.title}" - by ${frontmatter.author} | EFEELE`
 );
 import Heading from "../components/ui/Heading.astro";
 ---
@@ -72,7 +72,7 @@ import Heading from "../components/ui/Heading.astro";
   >
     <div class="w-64 max-xl:hidden"></div>
     <article
-      class="flex flex-col gap-8 max-w-3xl max-md:w-full pb-10 pt-8 mt-8 px-14 max-md:px-10 max-sm:px-4  dark:bg-transparent bg-white dark:border-0 border border-neutral-100 rounded-2xl" 
+      class="flex flex-col gap-8 max-w-3xl max-md:w-full pb-10 pt-8 mt-8 px-14 max-md:px-10 max-sm:px-4 dark:bg-transparent bg-white dark:border-0 border border-neutral-100 rounded-2xl"
     >
       <header class="flex flex-col gap-4" id="start">
         <div class="flex gap-2 flex-wrap">
@@ -122,7 +122,7 @@ import Heading from "../components/ui/Heading.astro";
         }
       </figure>
 
-      <div class="markdown " id="content">
+      <div class="markdown" id="content">
         <slot />
       </div>
       <Share currentUrl={currentUrl} tweetText={tweetText} />
@@ -136,7 +136,8 @@ import Heading from "../components/ui/Heading.astro";
       <NavigationArticles />
       <hr class="text-mint-300/50" />
     </div>
-
-    <ListPosts currentPostUrl={Astro.url.pathname} />
+    <div class="px-8 max-sm:px-4">
+      <ListPosts currentPostUrl={Astro.url.pathname} />
+    </div>
   </div>
 </Layout>