Chore: Update the usage of available_name instead of name (#1110)

Update the usage of available_name instead of the name

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -30,10 +30,6 @@
         />
       </p>
     </div>
-    <!-- <img
-      src="https://randomuser.me/api/portraits/women/94.jpg"
-      class="sender--thumbnail"
-    /> -->
   </li>
 </template>
 <script>

app/javascript/widget/components/AgentMessage.vue

@@ -114,8 +114,10 @@ export default {
       if (this.message.message_type === MESSAGE_TYPE.TEMPLATE) {
         return 'Bot';
       }
-
-      return this.message.sender ? this.message.sender.name : 'Bot';
+      if (this.message.sender) {
+        return this.message.sender.available_name || this.message.sender.name;
+      }
+      return 'Bot';
     },
     avatarUrl() {
       // eslint-disable-next-line