sort returned pages sample by order and remove transverse

confiture-web-app/src/pages/StatementPage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { sortBy } from "lodash-es";
 import { computed, ref } from "vue";
 import { useRoute } from "vue-router";
 
@@ -104,6 +105,10 @@ const siteUrl = computed(() => {
 
   return null;
 });
+
+const pages = computed(() => {
+  return sortBy(report.data?.context.samples.slice(1), (p) => p.order);
+});
 </script>
 
 <template>
@@ -327,7 +332,7 @@ const siteUrl = computed(() => {
             Pages du site ayant fait l’objet de la vérification de conformité
           </h5>
           <ul class="fr-mb-9v fr-mb-md-6w">
-            <li v-for="page in report.data.context.samples" :key="page.name">
+            <li v-for="page in pages" :key="page.name">
               {{ page.name }} <strong class="page-url">{{ page.url }}</strong>
             </li>
           </ul>

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

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { sortBy } from "lodash-es";
+import { computed } from "vue";
 import { useRoute } from "vue-router";
 
 import PageMeta from "../../components/PageMeta";
@@ -21,6 +23,10 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
  * - auditor email (API)
  * - derogated content
  */
+
+const pages = computed(() => {
+  return sortBy(report.data?.context.samples.slice(1), (p) => p.order);
+});
 </script>
 
 <template>
@@ -139,7 +145,7 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
 
     <p>
       L’audit a porté sur un échantillon de
-      <strong>{{ report.data.context.samples.length - 1 }} pages</strong> :
+      <strong>{{ pages.length }} pages</strong> :
     </p>
 
     <div class="fr-table fr-table--no-caption">
@@ -158,10 +164,7 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
                 </tr>
               </thead>
               <tbody>
-                <tr
-                  v-for="(page, i) in report.data.context.samples.slice(1)"
-                  :key="i"
-                >
+                <tr v-for="(page, i) in pages" :key="i">
                   <td>{{ i + 1 }}</td>
                   <td>{{ page.name }}</td>
                   <td>