Fix the appearance of comments

src/views/messages/Message.vue

@@ -2,7 +2,7 @@
   <div class="flex flex-column">
     <div class="flex flex-row p-1 items-center">
       <div class="px-2 content-center">
-        <img :src="message.portrait"
+        <img :src="message.profileImageUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
              alt="Profile Image"
              class="rounded-full"
              width="32px"
@@ -11,9 +11,21 @@
 
       <div class="p-2 flex-1">
         <div class="flex justify-between items-center">
+
           <div>
-            <span class="font-semibold font-sans mr-2">{{ message.createdBy }}</span>
-            <span class="text-sm font-sans text-gray-700">{{ time_ago(message.createdAt) }}</span>
+             
+            <span class="font-semibold font-sans mr-2">
+              {{ message.createdByName }}
+            </span>
+
+            <v-tooltip :text="new Date(message.createdAt).toLocaleString()">
+              <template v-slot:activator="{ props }">
+                <span v-bind="props" class="text-sm-caption text-gray-700">
+                  {{ time_ago(message.createdAt) }}
+                </span>
+              </template>
+            </v-tooltip>
+
           </div>
           <v-menu>
             <template v-slot:activator="{ props }">