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

app/javascript/dashboard/components/ui/DateRangePicker.vue

@@ -26,7 +26,7 @@ export default {
 
 <template>
   <div class="date-picker">
-    <date-picker
+    <DatePicker
       :range="true"
       :confirm="true"
       :clearable="false"

app/javascript/dashboard/components/ui/DateTimePicker.vue

@@ -32,7 +32,7 @@ export default {
 
 <template>
   <div class="date-picker">
-    <date-picker
+    <DatePicker
       type="datetime"
       :confirm="true"
       :clearable="false"

app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue

@@ -77,7 +77,7 @@ const shouldShowEmptyState = computed(() => {
     @click.stop
   >
     <slot name="search">
-      <dropdown-search
+      <DropdownSearch
         v-if="enableSearch"
         :input-value="searchTerm"
         :input-placeholder="inputPlaceholder"
@@ -87,15 +87,15 @@ const shouldShowEmptyState = computed(() => {
       />
     </slot>
     <slot name="listItem">
-      <dropdown-loading-state
+      <DropdownLoadingState
         v-if="shouldShowLoadingState"
         :message="loadingPlaceholder"
       />
-      <dropdown-empty-state
+      <DropdownEmptyState
         v-else-if="shouldShowEmptyState"
         :message="$t('REPORT.FILTER_ACTIONS.EMPTY_LIST')"
       />
-      <list-item-button
+      <ListItemButton
         v-for="item in filteredListItems"
         :key="item.id"
         :is-active="isFilterActive(item.id)"

app/javascript/dashboard/components/ui/WootButton.vue

@@ -111,12 +111,12 @@ export default {
     :disabled="isDisabled || isLoading"
     @click="handleClick"
   >
-    <spinner
+    <Spinner
       v-if="isLoading"
       size="small"
       :color-scheme="showDarkSpinner ? 'dark' : ''"
     />
-    <emoji-or-icon
+    <EmojiOrIcon
       v-else-if="icon || emoji"
       class="icon"
       :emoji="emoji"