Fix linking inbetween statistical views

aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForGroupTab.vue

@@ -64,6 +64,13 @@
       <secondary-action-button
         i18n-key="alsijil.personal_notes.statistics.person_view_details"
         icon-text="mdi-open-in-new"
+        :to="{
+          name: 'alsijil.coursebook_statistics',
+          params: {
+            personId: item.person.id,
+            schoolTermId: schoolTerm.id,
+          },
+        }"
       />
     </template>
   </c-r-u-d-list>

aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue

@@ -11,7 +11,13 @@
         :icon="true"
         icon-text="mdi-open-in-new"
         i18n-key=""
-        @click="switchToOwnPage"
+        :to="{
+          name: 'alsijil.coursebook_statistics',
+          params: {
+            personId: person.id,
+            schoolTermId: schoolTerm.id,
+          },
+        }"
       />
     </v-card-title>
     <v-card-title v-else>
@@ -92,19 +98,6 @@ export default {
       },
     },
   },
-  methods: {
-    switchToOwnPage() {
-      this.$router.push({
-        name: "alsijil.coursebook_statistics",
-        params: {
-          personId: this.person.id,
-          schoolTermId: this.schoolTerm.id,
-        },
-        // TODO: Add where we came from as get parameter if
-        //       meeting decided that own page.
-      });
-    },
-  },
   computed: {
     gridTemplateAreas() {
       return this.compact

aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue

 <template>
-  <fullscreen-dialog-page>
+  <fullscreen-dialog-page
+    :fallback-url="{ name: 'core.personById', props: { id: personId } }"
+  >
     <div class="d-flex" style="gap: 4em">
       <!-- TODO: header (close, title, print) -->
       <!-- TODO: flex-grow-1 does a little & flex-shrink-1 does nothing -->