improve layout and accessibility

src/routes/(web)/+page.svelte

@@ -4,6 +4,7 @@
   import Education from '$lib/components/Education.svelte';
   import Skills from '$lib/components/Skills.svelte';
   import Projects from '$lib/components/Projects.svelte';
+  import Footer from '$lib/components/Footer.svelte';
 
   let { data } = $props();
 </script>
@@ -48,17 +49,7 @@
     </span>
   </a>
 
-  <footer class="max-w-5xl mx-auto mt-16 py-8 border-t border-fg/20 text-center text-sm text-muted">
-    <p class="font-mono">
-      <span class="text-accent">$</span>
-      Built with SvelteKit + Sveltia CMS
-    </p>
-    <p class="mt-2">
-      <a href="/admin" class="text-accent hover:text-accent/80 transition-colors">
-        Edit Content →
-      </a>
-    </p>
-  </footer>
+  <Footer />
 </main>
 
 <style>

src/routes/+layout.svelte

@@ -0,0 +1,5 @@
+<script>
+  let { children } = $props();
+</script>
+
+{@render children()}