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

app/javascript/widget/components/template/Article.vue

@@ -26,7 +26,7 @@ export default {
     <div v-for="item in items" :key="item.link" class="article-item">
       <a :href="item.link" target="_blank" rel="noopener noreferrer nofollow">
         <span class="title flex items-center text-black-900 font-medium">
-          <fluent-icon
+          <FluentIcon
             icon="link"
             class="mr-1"
             :class="$dm('text-black-900', 'dark:text-slate-50')"

app/javascript/widget/components/template/EmailInput.vue

@@ -108,8 +108,8 @@ export default {
           color: textColor,
         }"
       >
-        <fluent-icon v-if="!isUpdating" icon="chevron-right" />
-        <spinner v-else class="mx-2" />
+        <FluentIcon v-if="!isUpdating" icon="chevron-right" />
+        <Spinner v-else class="mx-2" />
       </button>
     </form>
   </div>

app/javascript/widget/components/template/IntegrationCard.vue

@@ -65,7 +65,7 @@ export default {
       }"
       @click="joinTheCall"
     >
-      <fluent-icon icon="video-add" class="mr-2" />
+      <FluentIcon icon="video-add" class="mr-2" />
       {{ $t('INTEGRATIONS.DYTE.CLICK_HERE_TO_JOIN') }}
     </button>
     <div v-if="dyteAuthToken" class="video-call--container">