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

app/javascript/dashboard/modules/notes/NotesOnContactPage.vue

@@ -41,7 +41,7 @@ export default {
 </script>
 
 <template>
-  <note-list
+  <NoteList
     :is-fetching="uiFlags.isFetching"
     :notes="notes"
     @add="onAdd"

app/javascript/dashboard/modules/notes/components/AddNote.vue

@@ -40,7 +40,7 @@ export default {
   <div
     class="flex flex-col mb-2 p-4 border border-solid border-slate-75 dark:border-slate-700 overflow-hidden rounded-md flex-grow shadow-sm bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-100"
   >
-    <woot-message-editor
+    <WootMessageEditor
       v-model="noteContent"
       class="input--note"
       :placeholder="$t('NOTES.ADD.PLACEHOLDER')"

app/javascript/dashboard/modules/notes/components/ContactNote.vue

@@ -69,7 +69,7 @@ export default {
   >
     <div class="flex items-end justify-between gap-1 text-xs">
       <div class="flex items-center">
-        <thumbnail
+        <Thumbnail
           :title="noteAuthorName"
           :src="noteAuthor.thumbnail"
           :username="noteAuthorName"

app/javascript/dashboard/modules/notes/components/NoteList.vue

@@ -37,8 +37,8 @@ export default {
 
 <template>
   <div>
-    <add-note @add="onAddNote" />
-    <contact-note
+    <AddNote @add="onAddNote" />
+    <ContactNote
       v-for="note in notes"
       :id="note.id"
       :key="note.id"
@@ -50,7 +50,7 @@ export default {
     />
 
     <div v-if="isFetching" class="text-center p-4 text-base">
-      <spinner size="" />
+      <Spinner size="" />
       <span>{{ $t('NOTES.FETCHING_NOTES') }}</span>
     </div>
     <div v-else-if="!notes.length" class="text-center p-4 text-base">