Vietnamese language support on web (#3549)

### What problem does this PR solve?

_Briefly describe what this PR aims to solve. Include background context
that will help reviewers understand the purpose of the PR._

### Type of change

- [X] New Feature (non-breaking change which adds functionality)

web/src/locales/config.ts

@@ -5,14 +5,17 @@ import { initReactI18next } from 'react-i18next';
 import translation_en from './en';
 import translation_es from './es';
 import translation_id from './id';
+import translation_vi from './vi';
 import translation_zh from './zh';
 import translation_zh_traditional from './zh-traditional';
+
 const resources = {
   en: translation_en,
   zh: translation_zh,
   'zh-TRADITIONAL': translation_zh_traditional,
   id: translation_id,
   es: translation_es,
+  vi: translation_vi,
 };
 
 i18n
@@ -22,7 +25,7 @@ i18n
     detection: {
       lookupLocalStorage: 'lng',
     },
-    supportedLngs: ['en', 'zh', 'zh-TRADITIONAL', 'id', 'es'],
+    supportedLngs: ['en', 'zh', 'zh-TRADITIONAL', 'id', 'es', 'vi'],
     resources,
     fallbackLng: 'en',
     interpolation: {

web/src/locales/en.ts

@@ -439,6 +439,7 @@ The above is the content you need to summarize.`,
       multiTurnTip:
         'In multi-round conversations, the query to the knowledge base is optimized. The large model will be called to consume additional tokens.',
       howUseId: 'How to use chat ID?',
+      description: 'Description of assistant',
     },
     setting: {
       profile: 'Profile',

web/src/locales/zh.ts

@@ -437,6 +437,7 @@ export default {
       multiTurnTip:
         '在多轮对话的中，对去知识库查询的问题进行优化。会调用大模型额外消耗token。',
       howUseId: '如何使用聊天ID？',
+      description: '助理描述',
     },
     setting: {
       profile: '概要',