♻️ refactor(layout): Refactor settings layout

src/app/settings/(desktop)/index.tsx

@@ -1 +1 @@
-export { default } from '../common/page';
+export { default } from '../common/index';

src/app/settings/(desktop)/layout.desktop.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { PropsWithChildren, memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 

src/app/settings/(mobile)/mobile/index.tsx

@@ -14,7 +14,6 @@ import { AVATAR } from '@/store/session/slices/chat/actions/share';
 
 import List from '../../features/SideBar/List';
 import ExtraList from '../features/ExtraList';
-import Layout from '../layout.mobile';
 
 const useStyles = createStyles(({ css, token }) => ({
   divider: css`
@@ -33,7 +32,7 @@ const Setting = memo(() => {
   const { styles } = useStyles();
 
   return (
-    <Layout>
+    <>
       <AgentCardBanner
         mask
         meta={{ avatar: avatar || AVATAR }}
@@ -54,7 +53,7 @@ const Setting = memo(() => {
           </Divider>
         </Center>
       </div>
-    </Layout>
+    </>
   );
 });
 

src/app/settings/(mobile)/mobile/layout.mobile.tsx → src/app/settings/(mobile)/mobile/layout.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { PropsWithChildren, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 

src/app/settings/common/Common.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Form, type ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/ui';
 import { Form as AntForm, App, Button, Input, Select } from 'antd';
 import isEqual from 'fast-deep-equal';

src/app/settings/common/index.tsx

@@ -8,16 +8,17 @@ import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOn
 import { SettingsTabs } from '@/store/global/initialState';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
+import Layout from '../layout.responsive';
 import Common from './Common';
 
 export default memo(() => {
   useSwitchSideBarOnInit(SettingsTabs.Common);
   const { t } = useTranslation('setting');
   const pageTitle = genSiteHeadTitle(t('header.global'));
   return (
-    <>
+    <Layout>
       <PageTitle title={pageTitle} />
       <Common />
-    </>
+    </Layout>
   );
 });