Sort attendees by name

frontend/src/views/DiaryView.vue

@@ -95,7 +95,7 @@
                 <div class="column">
                     <h3>Teilnehmer</h3>
                     <ul>
-                        <li v-for="member in members" :key="member.id">
+                        <li v-for="member in sortedMembers()" :key="member.id">
                                 <input type="checkbox" :value="member.id" @change="toggleParticipant(member.id)"
                                     :checked="isParticipant(member.id)">
                                 <span @click="openNotesModal(member)" class="clickable">{{ member.firstName }} {{
@@ -214,6 +214,9 @@ export default {
                 activity.name.toLowerCase().includes(input)
             );
         },
+        sortedMembers() {
+            return this.members.sort((a, b) => a.name.localeCompare(b.name));
+        },
     },
     methods: {
         async init() {