feat: 添加i18n，美化界面

src/I18Next.tsx

@@ -0,0 +1,34 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import Backend from 'i18next-http-backend'; // 引入 Backend 插件
+
+type I18NextProviderProps = {
+  children: React.ReactNode;
+};
+
+export const initI18n = (basename: string) => {
+  // 初始化 i18n
+  i18n
+    .use(Backend) // 使用 Backend 插件
+    .use(initReactI18next)
+    .init({
+      backend: {
+        loadPath: `${basename}/locales/{{lng}}/{{ns}}.json`, // 指定 JSON 文件的路径
+      },
+      lng: 'zh', // 默认语言
+      fallbackLng: 'en', // 备用语言
+      interpolation: {
+        escapeValue: false, // react 已经安全地处理了转义
+      },
+    });
+};
+
+/**
+ * 国际化组件,初始化
+ * @param props
+ * @returns
+ */
+export const I18NextProvider = (props: I18NextProviderProps) => {
+  const { children } = props;
+  return <>{children}</>;
+};