fix: apply ESLint rule vue/no-bare-strings-in-template

app/javascript/dashboard/modules/contact/components/ContactDropdownItem.vue

@@ -37,7 +37,7 @@ export default {
       <h5 class="option__title">
         {{ name }}
         <span v-if="identifier" class="user-identifier">
-          (ID: {{ identifier }})
+          {{ $t('MERGE_CONTACTS.DROPDOWN_ITEM.ID', { identifier }) }}
         </span>
       </h5>
       <p class="option__body">

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

@@ -38,7 +38,7 @@ export default {
 
 <template>
   <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"
+    class="flex flex-col flex-grow p-4 mb-2 overflow-hidden bg-white border border-solid rounded-md shadow-sm border-slate-75 dark:border-slate-700 dark:bg-slate-900 text-slate-700 dark:text-slate-100"
   >
     <WootMessageEditor
       v-model="noteContent"
@@ -53,7 +53,7 @@ export default {
         :is-disabled="buttonDisabled"
         @click="onAdd"
       >
-        {{ $t('NOTES.ADD.BUTTON') }} (⌘⏎)
+        {{ $t('NOTES.ADD.BUTTON') }} {{ '(⌘⏎)' }}
       </woot-button>
     </div>
   </div>