Design Language tweaks

src/lib/components/Footer.svelte

@@ -14,6 +14,10 @@
 
   const aboutLink: LinkItem = { label: 'About Us', href: '/about' };
 
+  function scrollToTop() {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  }
+
   function withAboutLink(links: LinkItem[]) {
     if (links.some((link) => link.href === aboutLink.href || link.label === aboutLink.label)) {
       return links;
@@ -105,6 +109,8 @@
       <a href="/terms-and-conditions">Terms &amp; Conditions</a>
       <a href="/privacy-policy">Privacy Policy</a>
     </nav>
-    <a href="#" class="footer-back-top" aria-label="Back to top">↑ Back to top</a>
+    <button type="button" class="footer-back-top" aria-label="Back to top" on:click={scrollToTop}>
+      ↑ Back to top
+    </button>
   </div>
 </footer>