Adds brandingStore.

Split userStore into userProfileStore and creatorProfileStore

src/views/messages/MessageList.vue

@@ -6,10 +6,11 @@
       class="justify-items-center"
   >
     <template v-for="message in messages" :key="message">
-      <message :message="message"
-               @message-deleted="(messageId) => handleDeleteMessage(messageId)"
-               class="border-b"
-      ></message>
+      <div class="border-b">
+        <message :message="message"
+                 @message-deleted="(messageId) => handleDeleteMessage(messageId)"
+        ></message>
+      </div>
     </template>
 
     <template v-slot:load-more="{ props }">
@@ -89,7 +90,7 @@ async function fetchMessages({done, page_size = 10}) {
   }
 }
 
-function handleDeleteMessage(message){
+function handleDeleteMessage(message) {
   messages.value = messages.value.filter(item => item.id !== message.id);
 }
 </script>

src/views/messages/PostMessage.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-column">
     <div class="flex flex-row items-center ">
-      <img :src="userStore.portraitUrl" alt="Profile Image" class="rounded-full mr-2" width="32px" height="32px">
+      <img :src="userProfileStore.portraitUrl" alt="Profile Image" class="rounded-full mr-2" width="32px" height="32px">
       <div class="flex-grow">
         <div class="flex flex-row bg-gray-100 rounded-2xl">
           <v-textarea
@@ -15,7 +15,7 @@
               maxlength="1024"
               class="pr-1 ml-6 flex-grow"
               @keydown.enter.prevent="publish"
-              
+
           >
           </v-textarea>
           <div class="flex flex-col justify-center">
@@ -36,14 +36,17 @@
     </div>
   </div>
 
-  <must-be-logged v-model="loginModal" message="Vous devez être connecté pour ajouter un commentaire."></must-be-logged>
+  <must-be-logged v-model="loginModal"
+                  message="Vous devez être connecté pour ajouter un commentaire."
+  ></must-be-logged>
+
 </template>
 
 <script setup>
 import {ref} from 'vue'
 import {v7} from 'uuid'
 import {useClient} from '@/plugins/api.js'
-import {useUserStore} from "@/stores/userStore.js"
+import {useUserProfileStore} from "@/stores/userProfileStore.js"
 import {useAuthStore} from "@/stores/authStore.js"
 import MustBeLogged from "@/views/MustBeLogged.vue";
 
@@ -59,7 +62,7 @@ const emits = defineEmits(['message-posted'])
 const loginModal = ref(false);
 const client = useClient()
 const value = ref("")
-const userStore = useUserStore()
+const userProfileStore = useUserProfileStore()
 const authStore = useAuthStore()
 
 const publish = async () => {
@@ -76,9 +79,9 @@ const publish = async () => {
       emits('message-posted', {
         "id": messageId,
         "subjectId": props.subjectId,
-        "createdBy": userStore.user.id,
-        "createdByName": userStore.alias,
-        "createdByPortraitUrl": userStore.portraitUrl,
+        "createdBy": userProfileStore.value.id,
+        "createdByName": userProfileStore.alias,
+        "createdByPortraitUrl": userProfileStore.portraitUrl,
         "createdAt": new Date(Date.now()).toISOString(),
         "value": value.value,
         "parentId": null