refactor(footer): move button click logic to data layer

Author: j0u1

app/components/AppFooter.vue

@@ -11,8 +11,8 @@ const showModal = () => modalRef.value?.showModal?.()
 const closeModal = () => modalRef.value?.close?.()
 
 type FooterLink =
-  | { name: string; href: string; kbd?: never; type?: never }
-  | { name: string; type: 'button'; href?: never; kbd?: never }
+  | { name: string; href: string; type?: never }
+  | { name: string; type: 'button'; onClick: () => void }
 
 const socialLinks = computed(() => [
   {
@@ -71,6 +71,7 @@ const footerSections: Array<{ label: string; links: FooterLink[] }> = [
       {
         name: 'footer.keyboard_shortcuts',
         type: 'button',
+        onClick: showModal,
       },
     ],
   },
@@ -129,8 +130,9 @@ const footerSections: Array<{ label: string; links: FooterLink[] }> = [
               <button
                 v-if="link.type === 'button'"
                 type="button"
+                aria-haspopup="dialog"
+                @click="link.onClick"
                 class="cursor-pointer text-start font-mono text-fg-subtle text-sm lowercase hover:text-accent transition-colors duration-200"
-                @click.prevent="showModal"
               >
                 {{ $t(link.name) }}
               </button>