feat: Integrate i18n support and enhance UI text localization

- Added internationalization (i18n) support across various components, enabling dynamic language switching and improved user experience.
- Updated multiple components to utilize translation functions for labels, buttons, and messages, ensuring consistent language display.
- Enhanced the user interface by refining text elements in the ChannelsTable, LogsTable, and various settings pages, improving clarity and accessibility.
- Adjusted CSS styles for better responsiveness and layout consistency across different screen sizes.

web/src/pages/Token/index.js

@@ -1,20 +1,24 @@
 import React from 'react';
 import TokensTable from '../../components/TokensTable';
 import { Banner, Layout } from '@douyinfe/semi-ui';
-const Token = () => (
-  <>
-    <Layout>
-      <Layout.Header>
+import { useTranslation } from 'react-i18next';
+const Token = () => {
+  const { t } = useTranslation();
+  return (
+    <>
+      <Layout>
+        <Layout.Header>
         <Banner
           type='warning'
-          description='令牌无法精确控制使用额度，请勿直接将令牌分发给用户。'
+          description={t('令牌无法精确控制使用额度，只允许自用，请勿直接将令牌分发给他人。')}
         />
       </Layout.Header>
       <Layout.Content>
         <TokensTable />
-      </Layout.Content>
-    </Layout>
-  </>
-);
+        </Layout.Content>
+      </Layout>
+    </>
+  );
+};
 
 export default Token;