Feat: Add ProfileSetting page #3221 (#3588)

### What problem does this PR solve?

Feat: Add ProfileSetting page  #3221
### Type of change


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

web/src/pages/profile-setting/hooks.tsx

@@ -0,0 +1,20 @@
+import { ProfileSettingRouteKey } from '@/constants/setting';
+import { useSecondPathName } from '@/hooks/route-hook';
+
+export const useGetPageTitle = (): string => {
+  const pathName = useSecondPathName();
+
+  const LabelMap = {
+    [ProfileSettingRouteKey.Profile]: 'User profile',
+    [ProfileSettingRouteKey.Plan]: 'Plan & balance',
+    [ProfileSettingRouteKey.Model]: 'Model management',
+    [ProfileSettingRouteKey.System]: 'System',
+    [ProfileSettingRouteKey.Api]: 'Api',
+    [ProfileSettingRouteKey.Team]: 'Team management',
+    [ProfileSettingRouteKey.Prompt]: 'Prompt management',
+    [ProfileSettingRouteKey.Chunk]: 'Chunk method',
+    [ProfileSettingRouteKey.Logout]: 'Logout',
+  };
+
+  return LabelMap[pathName as ProfileSettingRouteKey];
+};