feat: setting page with new design

packages/app/src/pages/affine.tsx

@@ -36,7 +36,6 @@ const Affine = () => {
         <div>hi</div>
       </Modal>
       <Loading />
-
       <Button
         icon={<FavouritedIcon />}
         onClick={() => {
@@ -48,13 +47,15 @@ const Affine = () => {
       <Button icon={<FavouritedIcon />} type={'primary'}>
         click me!
       </Button>
+      <Button icon={<FavouritedIcon />} type={'light'}>
+        click me!
+      </Button>
       <Button icon={<FavouritedIcon />} type={'warning'}>
         click me!
       </Button>
       <Button icon={<FavouritedIcon />} type={'danger'}>
         click me!
       </Button>
-
       <Button icon={<FavouritedIcon />}></Button>
       <Button icon={<FavouritedIcon />} shape="round"></Button>
       <Button loading={true}></Button>

packages/app/src/pages/workspace/[workspaceId]/setting.tsx

@@ -11,6 +11,7 @@ import {
   MembersPage,
   PublishPage,
   SyncPage,
+  ExportPage,
 } from '@/components/workspace-setting';
 import { SettingsIcon } from '@blocksuite/icons';
 import { useAppState } from '@/providers/app-state-provider';
@@ -43,10 +44,10 @@ const useTabMap = () => {
       panelRender: workspace => <PublishPage workspace={workspace} />,
     },
     // TODO: next version will finish this feature
-    // {
-    //   name: t('Export'),
-    //   panelRender: workspace => <ExportPage workspace={workspace} />,
-    // },
+    {
+      name: t('Export'),
+      panelRender: workspace => <ExportPage workspace={workspace} />,
+    },
   ];
   const [activeTab, setActiveTab] = useState<string>(tabMap[0].name);
   const handleTabChange = (tab: string) => {