chore: Update self-closing tag eslint config (#4826)

* chore: Fix self-closing tag issues

* Fix merge conflicts

Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>

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

@@ -9,7 +9,7 @@
             color-scheme="success"
             small
             class="label--merge-warning"
-          ></woot-label>
+          />
         </label>
         <multiselect
           :value="primaryContact"
@@ -46,7 +46,7 @@
               color-scheme="alert"
               small
               class="label--merge-warning"
-            ></woot-label>
+            />
           </label>
           <multiselect
             v-model="childContact"

app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="agent-message-wrap">
         <div class="agent-message">
-          <div class="avatar-wrap"></div>
+          <div class="avatar-wrap" />
           <div class="message-wrap">
             <div class="chat-bubble agent">
               <div class="message-content">

app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="footer-wrap">
-    <div class="input-area"></div>
+    <div class="input-area" />
   </div>
 </template>
 

app/javascript/dashboard/modules/widget-preview/components/WidgetHead.vue

@@ -11,7 +11,7 @@
         <div v-if="!config.isExpanded">
           <div class="title-block text-base font-medium">
             <span class="mr-1">{{ config.websiteName }}</span>
-            <div v-if="config.isOnline" class="online-dot"></div>
+            <div v-if="config.isOnline" class="online-dot" />
           </div>
           <div class="text-xs mt-1 text-black-700">
             {{ responseTime }}