Align desktop UI with mobile shop flows and polish navigation

src/components/layout/PageHeader.vue

@@ -2,6 +2,10 @@
 import IconChevronBack from '@/components/icons/IconChevronBack.vue'
 import AuthThemeToggle from '@/components/ui/AuthThemeToggle.vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 defineProps<{
   title: string
   subtitle?: string
@@ -16,7 +20,7 @@ defineEmits<{
 
 <template>
   <template v-if="centered">
-    <header class="page-nav">
+    <header class="page-nav" v-bind="$attrs">
       <button
         v-if="showBack"
         type="button"
@@ -36,7 +40,7 @@ defineEmits<{
     <p v-if="subtitle" class="page-nav__subtitle">{{ subtitle }}</p>
   </template>
 
-  <header v-else class="page-header">
+  <header v-else class="page-header" v-bind="$attrs">
     <button
       v-if="showBack"
       type="button"