feat: preserve focus and catalog context during public navigation

apps/web/src/pages/CatalogPage.vue

@@ -2,6 +2,7 @@
 import { computed, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
+import { usePublicPage } from '@/composables/usePublicPage.js';
 import { useCatalogSearch } from "@/composables/useCatalogSearch.js";
 import {
   listPublicCategories,
@@ -12,6 +13,8 @@ import CatalogSortSelect from "@/components/atoms/CatalogSortSelect.vue";
 import CatalogTextFilter from "@/components/atoms/CatalogTextFilter.vue";
 import CatalogToggle from "@/components/atoms/CatalogToggle.vue";
 
+const pageRoot = ref(null);
+usePublicPage(pageRoot, () => 'Catalog');
 const route = useRoute();
 const router = useRouter();
 const categories = ref([]);
@@ -133,7 +136,7 @@ watch(
 </script>
 
 <template>
-  <main class="catalog-page">
+  <main ref="pageRoot" class="catalog-page public-page-focus" tabindex="-1" aria-label="Catalog">
     <header class="catalog-header">
       <p class="catalog-kicker">Pokemon inventory</p>
       <h1>Find the next favorite.</h1>