Add loading state to participation list

aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue

@@ -29,6 +29,13 @@ export default {
       isExpanded: false,
     };
   },
+  props: {
+    loadingIndicator: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
+  },
   computed: {
     items() {
       return this.documentation.participations;
@@ -131,6 +138,7 @@ export default {
           (item) => 'documentation-' + documentation.id + '-student-' + item.id
         "
         :is-expanded.sync="isExpanded"
+        :loading="loadingIndicator"
       >
         <template #listItemContent="{ item }">
           <v-list-item-title>

aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsTrigger.vue

@@ -56,7 +56,11 @@ export default {
 </script>
 
 <template>
-  <manage-students-dialog v-bind="documentationPartProps" @update="() => null">
+  <manage-students-dialog
+    v-bind="documentationPartProps"
+    @update="() => null"
+    :loading-indicator="loading"
+  >
     <template #activator="{ attrs, on }">
       <v-chip
         dense