♻️ refactor: refactor settings page entry

src/app/settings/agent/page.tsx

@@ -1,7 +1,21 @@
-import Page from './index';
+'use client';
 
-const Index = () => {
-  return <Page />;
-};
+import { memo } from 'react';
 
-export default Index;
+import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
+import { SettingsTabs } from '@/store/global/initialState';
+
+import Layout from '../index';
+import Agent from './Agent';
+
+const AgentSetting = memo(() => {
+  useSwitchSideBarOnInit(SettingsTabs.Agent);
+
+  return (
+    <Layout>
+      <Agent />
+    </Layout>
+  );
+});
+
+export default AgentSetting;

src/app/settings/common/page.tsx

@@ -1,7 +1,20 @@
-import Page from './index';
+'use client';
 
-const Index = () => {
-  return <Page />;
-};
+import { memo } from 'react';
 
-export default Index;
+import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
+import { SettingsTabs } from '@/store/global/initialState';
+
+import Layout from '../index';
+import Common from './Common';
+
+const CommonSetting = memo(() => {
+  useSwitchSideBarOnInit(SettingsTabs.Common);
+  return (
+    <Layout>
+      <Common />
+    </Layout>
+  );
+});
+
+export default CommonSetting;

src/app/settings/llm/page.tsx

@@ -1,7 +1,20 @@
-import Page from './index';
+'use client';
 
-const Index = () => {
-  return <Page />;
-};
+import { memo } from 'react';
 
-export default Index;
+import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOnInit';
+import { SettingsTabs } from '@/store/global/initialState';
+
+import Layout from '../index';
+import LLM from './LLM';
+
+const LLMSetting = memo(() => {
+  useSwitchSideBarOnInit(SettingsTabs.LLM);
+  return (
+    <Layout>
+      <LLM />
+    </Layout>
+  );
+});
+
+export default LLMSetting;