fix(ReportPage): modify page title

"[tabName] - Rapport d’audit de [procedureName]"
instead of
"Rapport d’audit accessibilité de [procedureName]"

Author: yaaax

confiture-web-app/src/components/audit/AraTabs.vue

@@ -15,6 +15,10 @@ import { useUniqueId } from "../../composables/useUniqueId";
 import { TabData } from "../../types";
 import { slugify } from "../../utils";
 
+defineExpose({
+  getSelectedTabLabel: () => selectedTab.value?.label
+});
+
 interface TabsRouteParams {
   name: string;
   params: {

confiture-web-app/src/pages/report/ReportPage.vue

@@ -36,6 +36,13 @@ const router = useRouter();
 
 const showCopyAlert = ref(false);
 const onboardingModalRef = ref<InstanceType<typeof OnboardingModal>>();
+const tabsRef = ref<InstanceType<typeof AraTabs>>();
+
+const pageTitle = computed(() => {
+  // [tabName] - Rapport d’audit de [procedureName]
+  const tabName = tabsRef.value?.getSelectedTabLabel();
+  return tabName + " - Rapport d’audit de " + report.data?.procedureName;
+});
 
 const hasNotes = computed(() => {
   return (
@@ -212,7 +219,7 @@ watch(
 
   <template v-if="report.data">
     <PageMeta
-      :title="`Rapport d’audit accessibilité de ${report.data.procedureName}`"
+      :title="pageTitle"
       :description="`Découvrez la synthèse de l'audit de ${report.data?.procedureName}.`"
     />
 
@@ -280,6 +287,7 @@ watch(
     <!-- sticky-top="-0.1px" to prevent "one line background flickering"
 			when scrolling the page -->
     <AraTabs
+      ref="tabsRef"
       :route="{ name: 'report-full', params: { uniqueId } }"
       sticky-top="-0.1px"
       :tabs="tabsData"