refactor useSearchParams

src/app/(main)/settings/_layout/Mobile/Header.tsx

@@ -2,28 +2,31 @@
 
 import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
 import { Tag } from 'antd';
-import { useRouter, useSearchParams } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useActiveSettingsKey } from '@/hooks/useActiveTabKey';
+import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { useShowMobileWorkspace } from '@/hooks/useShowMobileWorkspace';
 import { SettingsTabs } from '@/store/global/initialState';
+import { useSessionStore } from '@/store/session';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
 
 const Header = memo(() => {
   const { t } = useTranslation('setting');
 
-  const router = useRouter();
-  const searchParams = useSearchParams();
+  const router = useQueryRoute();
+  const showMobileWorkspace = useShowMobileWorkspace();
   const activeSettingsKey = useActiveSettingsKey();
-
+  const isSessionActive = useSessionStore((s) => !!s.activeId);
   const enableAuth = useUserStore(authSelectors.enabledAuth);
+
   const handleBackClick = () => {
-    if (searchParams.has('session') && searchParams.has('showMobileWorkspace')) {
-      router.push(`/chat?${searchParams.toString()}`);
+    if (isSessionActive && showMobileWorkspace) {
+      router.push('/chat');
     } else {
       router.push(enableAuth ? '/me/settings' : '/me');
     }