bug: fixed Settings nav icon rendering in header

Author: Your Name

app/components/AppHeader.vue

@@ -32,7 +32,7 @@ const desktopLinks = computed<NavigationConfig>(() => [
     name: 'Settings',
     label: $t('nav.settings'),
     to: { name: 'settings' },
-    keyshortcut: ',',
+    keyshortcut: 's',
     type: 'link',
     external: false,
     iconClass: 'i-lucide:settings',
@@ -201,8 +201,8 @@ function handleSearchFocus() {
 }
 
 useShortcuts({
-  'c': () => ({ name: 'compare' }),
-  ',': () => ({ name: 'settings' }),
+  c: () => ({ name: 'compare' }),
+  s: () => ({ name: 'settings' }),
 })
 </script>
 
@@ -316,7 +316,7 @@ useShortcuts({
           class="border-none"
           variant="button-secondary"
           :to="link.to"
-          :aria-keyshortcuts="link.keyshortcut"
+          :classicon="link.iconClass"
         >
           {{ link.label }}
         </LinkBase>