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/app.tsx

 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { App, ConfigProvider, ConfigProviderProps } from 'antd';
 import enUS from 'antd/locale/en_US';
+import vi_VN from 'antd/locale/vi_VN';
 import zhCN from 'antd/locale/zh_CN';
 import zh_HK from 'antd/locale/zh_HK';
 import dayjs from 'dayjs';
   en: enUS,
   zh: zhCN,
   'zh-TRADITIONAL': zh_HK,
+  vi: vi_VN,
 };
 
 const queryClient = new QueryClient();

web/src/constants/common.ts

   'Traditional Chinese',
   'Indonesia',
   'Spanish',
+  'Vietnamese',
 ];
 
 export const LanguageMap = {
   'Traditional Chinese': '繁體中文',
   Indonesia: 'Indonesia',
   Spanish: 'Español',
+  Vietnamese: 'Tiếng việt',
 };
 
 export const LanguageTranslationMap = {
   'Traditional Chinese': 'zh-TRADITIONAL',
   Indonesia: 'id',
   Spanish: 'es',
+  Vietnamese: 'vi',
 };
 
 export const FileMimeTypeMap = {

web/src/locales/config.ts

 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
     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

       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

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

web/src/pages/404.jsx

     <Result
       status="404"
       title="404"
-      subTitle="页面未找到，请输入正确的地址。"
+      subTitle="Page not found, please enter a correct address."
       extra={
         <Button type="primary" onClick={() => history.push('/')}>
-          返回主页
+          Business
         </Button>
       }
     />

web/src/pages/chat/chat-configuration-modal/assistant-setting.tsx

       >
         <Input placeholder={t('namePlaceholder')} />
       </Form.Item>
+      <Form.Item name={'description'} label={t('description')}>
+        <Input placeholder={t('descriptionPlaceholder')} />
+      </Form.Item>
       <Form.Item
         name="icon"
         label={t('assistantAvatar')}

web/src/pages/login/index.tsx

 
       if (title === 'login') {
         const code = await login({
-          email: params.email,
+          email: `${params.email}`.trim(),
           password: rsaPassWord,
         });
         if (code === 0) {

web/src/pages/user-setting/setting-system/index.tsx

   es: 'es',
   doc_store: 'storage',
   redis: 'redis',
+  storage: 'minio',
   database: 'database',
 };