Use generic chip for AbsenceReasons

aleksis/apps/kolego/frontend/components/Absences.vue

 <script setup>
+import AbsenceReasonChip from "./AbsenceReasonChip.vue";
 import InlineCRUDList from "aleksis.core/components/generic/InlineCRUDList.vue";
 import DateTimeField from "aleksis.core/components/generic/forms/DateTimeField.vue";
 </script>
@@ -67,8 +68,7 @@ import DateTimeField from "aleksis.core/components/generic/forms/DateTimeField.v
       </template>
 
       <template #reason="{ item }">
-        <v-chip>{{ item.reason.shortName }}</v-chip
-        >&nbsp;
+        <absence-reason-chip :absence-reason="item.reason" short />
       </template>
       <!-- eslint-disable-next-line vue/valid-v-slot -->
       <template #reason.field="{ attrs, on }">

aleksis/apps/kolego/frontend/components/absences.graphql

@@ -9,6 +9,8 @@ query absences($orderBy: [String], $filters: JSONString) {
       id
       shortName
       name
+      colour
+      default
     }
     comment
     datetimeStart
@@ -30,6 +32,8 @@ mutation createAbsences($input: [BatchCreateAbsenceInput]!) {
         id
         shortName
         name
+        colour
+        default
       }
       comment
       datetimeStart
@@ -58,6 +62,8 @@ mutation updateAbsences($input: [BatchPatchAbsenceInput]!) {
         id
         shortName
         name
+        colour
+        default
       }
       comment
       datetimeStart