Refactor: Minor code refactoring in accordance with Vue.js best practices (#368)

app/javascript/dashboard/components/ChatList.vue

@@ -2,10 +2,10 @@
   <div class="conversations-sidebar  medium-4 columns">
     <div class="chat-list__top">
       <h1 class="page-title">
-        <woot-sidemenu-icon></woot-sidemenu-icon>
+        <woot-sidemenu-icon />
         {{ getInboxName }}
       </h1>
-      <chat-filter @statusFilterChange="getDataForStatusTab"></chat-filter>
+      <chat-filter @statusFilterChange="getDataForStatusTab" />
     </div>
 
     <chat-type-tabs
@@ -13,9 +13,8 @@
       :active-tab-index="activeAssigneeTab"
       class="tab--chat-type"
       @chatTabChange="getDataForTab"
-    >
-    </chat-type-tabs>
-
+    />
+    
     <p
       v-if="!chatListLoading && !getChatsForTab(activeStatus).length"
       class="content-box"