feat: add i18n for error message

app/javascript/dashboard/components-next/message/MessageError.vue

@@ -1,17 +1,17 @@
 <script setup>
 import Icon from 'next/icon/Icon.vue';
+import { useI18n } from 'vue-i18n';
 
 defineProps({
-  error: {
-    type: String,
-    required: true,
-  },
+  error: { type: String, required: true },
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="text-xs text-n-ruby-11 flex items-center gap-1.5">
-    <span>{{ 'Failed to send' }}</span>
+    <span>{{ t('CHAT_LIST.FAILED_TO_SEND') }}</span>
     <div class="relative group">
       <div
         class="bg-n-alpha-2 rounded-md size-5 grid place-content-center cursor-pointer"

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

@@ -6,6 +6,7 @@
     "LIST": {
       "404": "There are no active conversations in this group."
     },
+    "FAILED_TO_SEND": "Failed to send",
     "TAB_HEADING": "Conversations",
     "MENTION_HEADING": "Mentions",
     "UNATTENDED_HEADING": "Unattended",