feat: Extract footer into a new component and add dynamic application version display via a new API route.

components/AppFooter.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+export default function AppFooter() {
+    const [version, setVersion] = useState<string>('');
+
+    useEffect(() => {
+        fetch('/api/version')
+            .then(res => res.json())
+            .then(data => setVersion(data.version))
+            .catch(() => setVersion(''));
+    }, []);
+
+    return (
+        <footer className="app-footer">
+            <p>
+                Vibe coded with ☕ and 🍺 by{' '}
+                <a href="https://digitalcourage.social/@elpatron" target="_blank" rel="noopener noreferrer">
+                    @elpatron@digitalcourage.social
+                </a>
+                {' '}- for personal use among friends only!
+                {version && (
+                    <>
+                        {' '}·{' '}
+                        <span style={{ fontSize: '0.85em', opacity: 0.7 }}>
+                            {version}
+                        </span>
+                    </>
+                )}
+            </p>
+        </footer>
+    );
+}