feat: Show the sender email address (#3974)

app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue

@@ -4,6 +4,10 @@
     class="message__mail-head"
     :class="{ 'is-incoming': isIncoming }"
   >
+    <div v-if="fromMail" class="meta-wrap">
+      <span class="message__content--type">{{ $t('EMAIL_HEADER.FROM') }}:</span>
+      <span>{{ fromMail }}</span>
+    </div>
     <div v-if="toMails" class="meta-wrap">
       <span class="message__content--type">{{ $t('EMAIL_HEADER.TO') }}:</span>
       <span>{{ toMails }}</span>
@@ -46,6 +50,10 @@ export default {
     },
   },
   computed: {
+    fromMail() {
+      const from = this.emailAttributes.from;
+      return from.join(', ');
+    },
     toMails() {
       const to = this.emailAttributes.to || [];
       return to.join(', ');

app/javascript/dashboard/i18n/locale/en/conversation.json

@@ -184,6 +184,7 @@
     }
   },
   "EMAIL_HEADER": {
+    "FROM": "From",
     "TO": "To",
     "BCC": "Bcc",
     "CC": "Cc",