Use Workspace Settings

function Settings() {
  const [tab, setTab] = useState<TabType>("account");
  const { accountStore, actions: accountActions } = useAccountSettings(); 
  const { workspaceStore, actions: workspaceActions } = useWorkspaceSettings(); 
  const settings = useMemo<SettingsStore>(
    () => ({
      account: accountStore,
      workspace: workspaceStore,
    }),
    [accountStore, workspaceStore],
  );
 
  return (
    <SettingsProvider
      settings={settings}
      {...accountActions} 
      {...workspaceActions} 
    >
      <SettingsPanel>
        <SettingsSidebar>
          <SettingsSidebarPreset tab={tab} onTabChange={setTab} />
        </SettingsSidebar>
        <SettingsContent>
          <SettingsBodyPreset tab={tab} onTabChange={setTab} />
        </SettingsContent>
      </SettingsPanel>
    </SettingsProvider>
  );
}