fix: apply ESLint rule vue/component-name-in-template-casing

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

@@ -110,7 +110,7 @@ export default {
     <audio v-else-if="isAudio" controls class="skip-context-menu mb-0.5">
       <source :src="`${dataUrl}?t=${Date.now()}`" />
     </audio>
-    <gallery-view
+    <GalleryView
       v-if="show"
       :show.sync="show"
       :attachment="attachment"

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

@@ -37,15 +37,15 @@ export default {
 };
 </script>
 <template>
-  <bubble-image
+  <BubbleImage
     v-if="!hasImgStoryError"
     :url="storyUrl"
     @error="onImageLoadError"
   />
-  <bubble-video
+  <BubbleVideo
     v-else-if="!hasVideoStoryError"
     :url="storyUrl"
     @error="onVideoLoadError"
   />
-  <instagram-story-error-place-holder v-else />
+  <InstagramStoryErrorPlaceHolder v-else />
 </template>

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

@@ -30,6 +30,6 @@ export default {
     class="my-0 px-2 pb-0 pt-0 border-l-4 border-solid border-slate-75 dark:border-slate-600 text-slate-600 dark:text-slate-200"
   >
     <span>{{ $t('CONVERSATION.REPLIED_TO_STORY') }}</span>
-    <instagram-story :story-url="storyUrl" class="mt-3 rounded-md" />
+    <InstagramStory :story-url="storyUrl" class="mt-3 rounded-md" />
   </blockquote>
 </template>

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

@@ -31,7 +31,7 @@ export default {
 };
 </script>
 <template>
-  <dyte-video-call
+  <DyteVideoCall
     v-if="showDyteIntegration"
     :message-id="messageId"
     :meeting-data="contentAttributes.data"

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

@@ -46,7 +46,7 @@ export default {
     }"
     @click="scrollToMessage"
   >
-    <message-preview
+    <MessagePreview
       class="cursor-pointer"
       :message="message"
       :show-message-type="false"

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

@@ -85,14 +85,14 @@ export default {
   >
     <div v-if="!isEmail" v-dompurify-html="message" class="text-content" />
     <div v-else @click="handleClickOnContent">
-      <letter
+      <Letter
         class="text-content bg-white dark:bg-white text-slate-900 dark:text-slate-900 p-2 rounded-[4px]"
         :html="message"
       />
     </div>
     <button
       v-if="showQuoteToggle"
-      class="text-slate-300 dark:text-slate-300 cursor-pointer text-xs py-1"
+      class="py-1 text-xs cursor-pointer text-slate-300 dark:text-slate-300"
       @click="toggleQuotedContent"
     >
       <span v-if="showQuotedContent" class="flex items-center gap-0.5">
@@ -104,7 +104,7 @@ export default {
         {{ $t('CHAT_LIST.SHOW_QUOTED_TEXT') }}
       </span>
     </button>
-    <gallery-view
+    <GalleryView
       v-if="showGalleryViewer"
       :show.sync="showGalleryViewer"
       :attachment="attachment"