feat: add dyte bubble

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

@@ -23,6 +23,7 @@ import AttachmentsBubble from './bubbles/Attachments.vue';
 import EmailBubble from './bubbles/Email/Index.vue';
 import UnsupportedBubble from './bubbles/Unsupported.vue';
 import ContactBubble from './bubbles/Contact.vue';
+import DyteBubble from './bubbles/Dyte.vue';
 const LocationBubble = defineAsyncComponent(
   () => import('./bubbles/Location.vue')
 );
@@ -79,6 +80,7 @@ import MessageMeta from './MessageMeta.vue';
  * @property {string} content - The message content
  */
 
+// eslint-disable-next-line vue/define-macros-order
 const props = defineProps({
   id: { type: Number, required: true },
   messageType: {
@@ -250,6 +252,10 @@ const componentToRender = computed(() => {
     return UnsupportedBubble;
   }
 
+  if (props.contentAttributes.type === 'dyte') {
+    return DyteBubble;
+  }
+
   if (props.contentAttributes.imageType === 'story_mention') {
     return InstagramStoryBubble;
   }