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";
 ---
@@ -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>
-
+    <div class="px-8 max-sm:px-4">
       <ListPosts currentPostUrl={Astro.url.pathname} />
     </div>
+  </div>
 </Layout>