chore: Fix translations breaking the chat filter (#3374)

fixes: #2552

app/javascript/dashboard/components/widgets/conversation/ChatFilter.vue

@@ -1,11 +1,11 @@
 <template>
   <select v-model="activeStatus" class="status--filter" @change="onTabChange()">
     <option
-      v-for="item in $t('CHAT_LIST.CHAT_STATUS_ITEMS')"
-      :key="item['VALUE']"
-      :value="item['VALUE']"
+      v-for="(value, status) in $t('CHAT_LIST.CHAT_STATUS_FILTER_ITEMS')"
+      :key="status"
+      :value="status"
     >
-      {{ item['TEXT'] }}
+      {{ value['TEXT'] }}
     </option>
     <option value="all">
       {{ $t('CHAT_LIST.FILTER_ALL') }}

app/javascript/dashboard/i18n/locale/en/chatlist.json

@@ -38,24 +38,20 @@
         "COUNT_KEY": "allCount"
       }
     ],
-    "CHAT_STATUS_ITEMS": [
-      {
-        "TEXT": "Open",
-        "VALUE": "open"
+    "CHAT_STATUS_FILTER_ITEMS": {
+      "open": {
+        "TEXT": "Open"
       },
-      {
-        "TEXT": "Resolved",
-        "VALUE": "resolved"
+      "resolved": {
+        "TEXT": "Resolved"
       },
-      {
-        "TEXT": "Pending",
-        "VALUE": "pending"
+      "pending": {
+        "TEXT": "Pending"
       },
-      {
-        "TEXT": "Snoozed",
-        "VALUE": "snoozed"
+      "snoozed": {
+        "TEXT": "Snoozed"
       }
-    ],
+    },
     "ATTACHMENTS": {
       "image": {
         "ICON": "ion-image",