Profile- and Chat Card now display the last message as a preview

src/components/ChatCardComponent.vue

@@ -3,6 +3,7 @@
   const props =  defineProps({
     chat: Object,
     selected: Boolean,
+    lastMessage: String,
   })
 
 </script>
@@ -14,6 +15,8 @@
       <p style="margin-bottom: 0;line-height: 25px;vertical-align: middle;height: 25px;display: table-cell;">
         <span style="font-weight: bold;font-size: 1.2rem;">{{props.chat!.displayName}}</span>
       </p>
+
+      <p style="margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:20rem;">{{ props.lastMessage }}</p>
     </div>
   </div>
 </template>

src/components/ProfileCardComponent.vue

@@ -4,6 +4,7 @@
     user: Object,
     selected: Boolean,
     slim: Boolean,
+    lastMessage: String
   })
 
 </script>
@@ -18,7 +19,7 @@
       </p>
 
       <p v-if="!props.slim" style="margin: 0;">{{ props.user!.status }}</p>
-      <p v-else style="margin: 0;">Hier steht die letzte Nachricht</p>
+      <p v-else style="margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:20rem;">{{ props.lastMessage }}</p>
     </div>
   </div>
 </template>