initals to 2 since

frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue

@@ -8,7 +8,7 @@
           <parse-message v-bind="message"></parse-message>
         </b-col>
         <b-col cols="2">
-          <avatar :username="storeName.username"></avatar>
+          <avatar :username="storeName.username" :initials="storeName.initials"></avatar>
         </b-col>
       </b-row>
       <!-- <span class="ml-2 mr-2">{{ storeName.username }}</span>
@@ -17,7 +17,7 @@
     <div v-else class="is-moderator text-left">
       <b-row>
         <b-col cols="2">
-          <avatar :username="moderationName.username"></avatar>
+          <avatar :username="moderationName.username" :initials="moderationName.initials"></avatar>
         </b-col>
         <b-col cols="auto">
           <div class="font-weight-bold">

frontend/src/components/Contributions/ContributionListItem.vue

@@ -9,6 +9,7 @@
           <avatar
             v-if="firstName"
             :username="username.username"
+            :initials="username.initials"
             color="#fff"
             class="font-weight-bold"
           ></avatar>

frontend/src/components/Transactions/TransactionReceive.vue

@@ -3,7 +3,12 @@
     <b-row @click="visible = !visible" class="align-items-center">
       <b-col cols="3" lg="2" md="2">
         <!-- <b-avatar :text="avatarText" variant="success" size="3em"></b-avatar> -->
-        <avatar :username="username.username" :color="'#fff'" size="42"></avatar>
+        <avatar
+          :username="username.username"
+          :initials="username.initials"
+          :color="'#fff'"
+          size="42"
+        ></avatar>
       </b-col>
       <b-col>
         <div>

frontend/src/components/Transactions/TransactionSend.vue

@@ -2,7 +2,12 @@
   <div class="transaction-slot-send">
     <b-row @click="visible = !visible" class="align-items-center">
       <b-col cols="3" lg="2" md="2">
-        <avatar :username="username.username" :color="'#fff'" size="42"></avatar>
+        <avatar
+          :username="username.username"
+          :initials="username.initials"
+          :color="'#fff'"
+          size="42"
+        ></avatar>
       </b-col>
       <b-col>
         <div>

frontend/src/components/UserSettings/UserCard.vue

@@ -2,7 +2,12 @@
   <div class="userdata-card">
     <b-row>
       <b-col class="centerPerMargin">
-        <avatar :username="username.username" :color="'#fff'" :size="90"></avatar>
+        <avatar
+          :username="username.username"
+          :initials="username.initials"
+          :color="'#fff'"
+          :size="90"
+        ></avatar>
       </b-col>
     </b-row>
     <b-card class="border-0">