Show tardiness note in detail view

aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/PersonalNotes.vue

 <script setup>
 import ExtraMarksNote from "./ExtraMarksNote.vue";
 import TextNotes from "./TextNotes.vue";
+import TardinessNote from "./TardinessNote.vue";
 </script>
 <script>
 import personalNoteRelatedMixin from "./personalNoteRelatedMixin";
@@ -22,6 +23,10 @@ export default {
       v-bind="personalNoteRelatedProps"
       :value="participation.notesWithExtraMark"
     />
+
+    <tardiness-note
+      v-bind="personalNoteRelatedProps"
+    />
   </div>
 </template>