change language #245 (#246)

### What problem does this PR solve?

change language

Issue link: #245



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

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

@@ -7,38 +7,39 @@ import {
   UserSettingBaseKey,
   UserSettingIconMap,
   UserSettingRouteKey,
-  UserSettingRouteMap,
 } from '../constants';
 
+import { useTranslate } from '@/hooks/commonHooks';
 import { useLogout } from '@/hooks/userSettingHook';
 import styles from './index.less';
 
 type MenuItem = Required<MenuProps>['items'][number];
 
-function getItem(
-  label: React.ReactNode,
-  key: React.Key,
-  icon?: React.ReactNode,
-  children?: MenuItem[],
-  type?: 'group',
-): MenuItem {
-  return {
-    key,
-    icon,
-    children,
-    label,
-    type,
-  } as MenuItem;
-}
-
-const items: MenuItem[] = Object.values(UserSettingRouteKey).map((value) =>
-  getItem(UserSettingRouteMap[value], value, UserSettingIconMap[value]),
-);
-
 const SideBar = () => {
   const navigate = useNavigate();
   const pathName = useSecondPathName();
   const logout = useLogout();
+  const { t } = useTranslate('setting');
+
+  function getItem(
+    label: string,
+    key: React.Key,
+    icon?: React.ReactNode,
+    children?: MenuItem[],
+    type?: 'group',
+  ): MenuItem {
+    return {
+      key,
+      icon,
+      children,
+      label: t(label),
+      type,
+    } as MenuItem;
+  }
+
+  const items: MenuItem[] = Object.values(UserSettingRouteKey).map((value) =>
+    getItem(value, value, UserSettingIconMap[value]),
+  );
 
   const handleMenuClick: MenuProps['onClick'] = ({ key }) => {
     if (key === UserSettingRouteKey.Logout) {