Use person chip for person column

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

@@ -46,10 +46,7 @@
     </template>
 
     <template #person="{ item }">
-      <v-avatar class="my-1 me-2">
-        <avatar-content :id="item.person.id" />
-      </v-avatar>
-      {{ item.person.fullName }}
+      <person-chip :person="item.person" />
     </template>
 
     <template #tardinessCount="{ item }">
@@ -75,7 +72,7 @@
 <script>
 import groupOverviewTabMixin from "aleksis.core/mixins/groupOverviewTabMixin.js";
 import CRUDList from "aleksis.core/components/generic/CRUDList.vue";
-import AvatarContent from "aleksis.core/components/person/AvatarContent.vue";
+import PersonChip from "aleksis.core/components/person/PersonChip.vue";
 import SecondaryActionButton from "aleksis.core/components/generic/buttons/SecondaryActionButton.vue";
 
 import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue";
@@ -90,9 +87,9 @@ export default {
   mixins: [groupOverviewTabMixin],
   components: {
     AbsenceReasonChip,
-    AvatarContent,
     CRUDList,
     ExtraMarkChip,
+    PersonChip,
     SecondaryActionButton,
   },
   data() {