feat/language-translation (Change Language removed from Header component)...

feat/language-translation (Change Language removed from Header component) language added in the System Setting

src/ui/I18N/Source/English/translation.json

@@ -190,9 +190,10 @@
     "SelectOneCardAtTime": "Select one card at a time"
   },
   "SystemSettings": {
-    "AudioSettings": "Audio settings",
+    "AudioSettings": "Audio",
     "TurnOnMusic": "Music",
     "TurnOnSoundEffects": "Sound effects",
-    "SwitchMusicAccordingToTheEnvironment": "Switch music according to the environment"
+    "SwitchMusicAccordingToTheEnvironment": "Switch music according to the environment",
+    "LanguageSettings": "Language"
   }
 }
\ No newline at end of file

src/ui/Layout/index.tsx

@@ -109,7 +109,6 @@ export const Component = () => {
             {i18n("DeckBuilding")}
           </HeaderBtn>
           <span style={{ flexGrow: 1 }} />
-          {location.pathname === "/" && <I18NSelector />}
           <span className={styles.profile}>
             <Dropdown
               arrow

src/ui/Setting/index.tsx

@@ -6,6 +6,7 @@ import { render, unmountComponentAtNode } from "react-dom";
 import { theme } from "../theme";
 import { AudioSetting } from "./Audio";
 import { useTranslation } from "react-i18next";
+import { I18NSelector } from "../I18N";
 
 /** 设置面板属性 */
 export interface SettingProps {
@@ -23,6 +24,11 @@ export const Setting = (props: SettingProps) => {
       label: i18n("AudioSettings"),
       children: <AudioSetting />,
     },
+    {
+      key: "language",
+      label: i18n("LanguageSettings"),
+      children: <I18NSelector />,
+    },
   ];
 
   return <Tabs defaultActiveKey={defaultKey} items={items} />;