fix: apply ESLint rule vue/padding-line-between-blocks

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

@@ -36,6 +36,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BubbleImage
     v-if="!hasImgStoryError"

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

@@ -25,6 +25,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <blockquote
     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"

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

@@ -30,6 +30,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <DyteVideoCall
     v-if="showDyteIntegration"

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

@@ -75,6 +75,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .message__mail-head {
   padding-bottom: var(--space-small);

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

@@ -114,6 +114,7 @@ export default {
     />
   </div>
 </template>
+
 <style lang="scss">
 .text-content {
   overflow: auto;

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

@@ -25,6 +25,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <woot-modal
     modal-type="right-aligned"

app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue

@@ -41,6 +41,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div>
     <woot-button
@@ -71,6 +72,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss">
 .join-call-button {
   margin: var(--space-small) 0;