Add icon for cancelled lessons

aleksis/apps/chronos/frontend/components/substitutions/LessonInformation.vue

@@ -8,6 +8,18 @@ import { DateTime } from "luxon";
 <template>
   <div class="full-width grid">
     <div class="d-flex">
+      <v-tooltip bottom v-if="lesson.cancelled">
+        <template #activator="{ on, attrs }">
+          <v-icon
+            color="error"
+            class="mr-md-4"
+            v-on="on"
+            v-bind="attrs"
+            >mdi-cancel</v-icon
+          >
+        </template>
+        <span>{{ $t("chronos.event.amend.cancelled") }}</span>
+      </v-tooltip>
       <div class="text-right d-flex flex-column fit-content">
         <time :datetime="lesson.datetimeStart" class="text-no-wrap">
           {{ $d(toDateTime(lesson.datetimeStart), "shortTime") }}