Extract footer into reusable component and improve post padding

Amp-Thread-ID: https://ampcode.com/threads/T-93bf77fa-72db-4bb1-a536-cd131e08ac34
Co-authored-by: Amp <amp@ampcode.com>

Author: colmarius

src/components/Footer.astro

@@ -0,0 +1,16 @@
+---
+---
+
+<footer class="mt-16 border-t border-gray-200 pt-8">
+  <div class="text-sm text-gray-500 font-light flex flex-col items-center gap-1">
+    <span>
+      AI-assisted: implementation and content are managed by
+      <a href="https://ampcode.com" target="_blank" rel="noopener noreferrer" class="underline underline-offset-2 hover:text-gray-700">Amp</a>
+      (coding agent).
+    </span>
+    <span>
+      <a href="https://github.com/colmarius/colmarius.github.io" target="_blank" rel="noopener noreferrer" class="underline underline-offset-2 hover:text-gray-700">Source on GitHub</a>
+    </span>
+    <span>Copyright © {new Date().getFullYear()} Marius Colacioiu</span>
+  </div>
+</footer>

src/layouts/Layout.astro

@@ -1,6 +1,7 @@
 ---
 import '../styles/global.css';
 import Navigation from '@components/Navigation.astro';
+import Footer from '@components/Footer.astro';
 
 type Props = {
   title: string;
@@ -39,18 +40,7 @@ const currentPath = Astro.url.pathname;
           <slot />
         </main>
 
-        <footer class="mx-auto">
-          <div class="text-sm text-gray-600 font-light flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2">
-            <span>Copyright © {new Date().getFullYear()} Marius Colacioiu</span>
-            <span class="hidden sm:inline text-gray-400">•</span>
-            <span class="text-gray-500">
-              AI-assisted: implementation and content are managed by
-              <a href="https://ampcode.com" target="_blank" rel="noopener noreferrer" class="underline decoration-dotted underline-offset-2 hover:decoration-solid hover:text-gray-700">Amp</a>
-              (coding agent). 
-              <a href="https://github.com/colmarius/colmarius.github.io" target="_blank" rel="noopener noreferrer" class="underline decoration-dotted underline-offset-2 hover:decoration-solid hover:text-gray-700">Source on GitHub</a>.
-            </span>
-          </div>
-        </footer>
+        <Footer />
       </div>
     </div>
 

src/layouts/PostLayout.astro

@@ -16,7 +16,7 @@ const isAgentPost = (tags || []).includes('AI Agents');
 ---
 
 <Layout title={title}>
-	<article class="mx-auto max-w-2xl">
+	<article class="mx-auto max-w-2xl pb-16">
 		<nav class="mb-10" aria-label="Back">
 			<BackNav href="/posts" label="Back to Posts" />
 		</nav>