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

app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyState.vue

@@ -71,11 +71,8 @@ export default {
       v-if="!inboxesList.length && !uiFlags.isFetching && !loadingChatList"
       class="clearfix"
     >
-      <onboarding-view v-if="isAdmin" />
-      <empty-state-message
-        v-else
-        :message="$t('CONVERSATION.NO_INBOX_AGENT')"
-      />
+      <OnboardingView v-if="isAdmin" />
+      <EmptyStateMessage v-else :message="$t('CONVERSATION.NO_INBOX_AGENT')" />
     </div>
     <!-- Show empty state images if not loading -->
 
@@ -84,11 +81,11 @@ export default {
       class="flex flex-col items-center justify-center h-full"
     >
       <!-- No conversations available -->
-      <empty-state-message
+      <EmptyStateMessage
         v-if="!allConversations.length"
         :message="$t('CONVERSATION.NO_MESSAGE_1')"
       />
-      <empty-state-message
+      <EmptyStateMessage
         v-else-if="allConversations.length && !currentChat.id"
         :message="conversationMissingMessage"
       />

app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyStateMessage.vue

@@ -30,6 +30,6 @@ export default {
       <br />
     </span>
     <!-- Cmd bar, keyboard shortcuts placeholder -->
-    <feature-placeholder />
+    <FeaturePlaceholder />
   </div>
 </template>

app/javascript/dashboard/components/widgets/conversation/EmptyState/FeaturePlaceholder.vue

@@ -30,16 +30,16 @@ export default {
       class="flex gap-2 items-center"
     >
       <div class="flex gap-2 items-center">
-        <hotkey
+        <Hotkey
           custom-class="h-6 w-8 text-sm font-medium text-slate-700 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-b-2 border-slate-300 dark:border-slate-500"
         >
           ⌘
-        </hotkey>
-        <hotkey
+        </Hotkey>
+        <Hotkey
           custom-class="h-6 w-8 text-sm font-medium text-slate-700 dark:text-slate-100 bg-slate-100 dark:bg-slate-700 border-b-2 border-slate-300 dark:border-slate-500"
         >
           {{ keyShortcut.key }}
-        </hotkey>
+        </Hotkey>
       </div>
       <span
         class="text-sm text-slate-700 dark:text-slate-300 font-medium text-center"