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

app/javascript/dashboard/modules/widget-preview/components/Widget.vue

@@ -152,7 +152,7 @@ export default {
 <template>
   <div class="widget-preview-container">
     <div v-if="isWidgetVisible" class="screen-selector">
-      <input-radio-group
+      <InputRadioGroup
         name="widget-screen"
         :items="widgetScreens"
         :action="handleScreenChange"

app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue

@@ -48,7 +48,7 @@ export default {
           {{ config.replyTime }}
         </div>
       </div>
-      <thumbnail username="J" size="40px" />
+      <Thumbnail username="J" size="40px" />
     </div>
     <div v-else class="conversation-content">
       <div class="conversation-wrap">

app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue

@@ -18,7 +18,7 @@ export default {
 
 <template>
   <div class="footer-wrap">
-    <custom-button
+    <CustomButton
       v-if="config.isDefaultScreen"
       class="start-conversation"
       :style="{ background: config.color }"
@@ -26,9 +26,9 @@ export default {
       {{
         $t('INBOX_MGMT.WIDGET_BUILDER.FOOTER.START_CONVERSATION_BUTTON_TEXT')
       }}
-    </custom-button>
+    </CustomButton>
     <div v-else class="chat-message-input is-focused">
-      <resizable-text-area
+      <ResizableTextArea
         id="chat-input"
         :rows="1"
         :placeholder="