feat: use sender

app/javascript/dashboard/components-next/message/Message.vue

@@ -18,7 +18,7 @@ import ImageBubble from './bubbles/Image.vue';
 import FileBubble from './bubbles/File.vue';
 import AudioBubble from './bubbles/Audio.vue';
 import AttachmentsBubble from './bubbles/Attachments.vue';
-import EmailBubble from './bubbles/Email.vue';
+import EmailBubble from './bubbles/Email/Index.vue';
 
 import MessageError from './MessageError.vue';
 import MessageMeta from './MessageMeta.vue';

app/javascript/dashboard/components-next/message/bubbles/Email/EmailMeta.vue

@@ -12,6 +12,10 @@ const props = defineProps({
     required: true,
     validator: value => Object.values(MESSAGE_STATUS).includes(value),
   },
+  sender: {
+    type: Object,
+    default: () => ({}),
+  },
 });
 
 const hasError = computed(() => {