refactor: lazy load workspaces (#3091)

(cherry picked from commit 283f0cd263)

apps/storybook/src/stories/card.stories.tsx

@@ -2,27 +2,27 @@ import { toast } from '@affine/component';
 import { BlockCard } from '@affine/component/card/block-card';
 import { WorkspaceCard } from '@affine/component/card/workspace-card';
 import { WorkspaceFlavour } from '@affine/env/workspace';
+import { createEmptyBlockSuiteWorkspace } from '@affine/workspace/utils';
 import { EdgelessIcon, PageIcon } from '@blocksuite/icons';
-import { Workspace } from '@blocksuite/store';
 
 export default {
   title: 'AFFiNE/Card',
   component: WorkspaceCard,
 };
 
-const blockSuiteWorkspace = new Workspace({
-  id: 'blocksuite-local',
-});
+const blockSuiteWorkspace = createEmptyBlockSuiteWorkspace(
+  'blocksuite-local',
+  WorkspaceFlavour.LOCAL
+);
 
 blockSuiteWorkspace.meta.setName('Hello World');
 
 export const AffineWorkspaceCard = () => {
   return (
     <WorkspaceCard
-      workspace={{
+      meta={{
+        id: 'blocksuite-local',
         flavour: WorkspaceFlavour.LOCAL,
-        id: 'local',
-        blockSuiteWorkspace,
       }}
       onClick={() => {}}
       onSettingClick={() => {}}

apps/storybook/src/stories/workspace-avatar.stories.tsx

@@ -1,6 +1,5 @@
 import type { WorkspaceAvatarProps } from '@affine/component/workspace-avatar';
 import { WorkspaceAvatar } from '@affine/component/workspace-avatar';
-import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Workspace } from '@blocksuite/store';
 import type { Meta, StoryFn } from '@storybook/react';
 
@@ -25,16 +24,7 @@ const basicBlockSuiteWorkspace = new Workspace({
 basicBlockSuiteWorkspace.meta.setName('Hello World');
 
 export const Basic: StoryFn<WorkspaceAvatarProps> = props => {
-  return (
-    <WorkspaceAvatar
-      {...props}
-      workspace={{
-        flavour: WorkspaceFlavour.LOCAL,
-        id: 'local',
-        blockSuiteWorkspace: basicBlockSuiteWorkspace,
-      }}
-    />
-  );
+  return <WorkspaceAvatar {...props} workspace={basicBlockSuiteWorkspace} />;
 };
 
 Basic.args = {
@@ -60,16 +50,7 @@ fetch(new URL('@affine-test/fixtures/smile.png', import.meta.url))
   });
 
 export const BlobExample: StoryFn<WorkspaceAvatarProps> = props => {
-  return (
-    <WorkspaceAvatar
-      {...props}
-      workspace={{
-        flavour: WorkspaceFlavour.LOCAL,
-        id: 'local',
-        blockSuiteWorkspace: avatarBlockSuiteWorkspace,
-      }}
-    />
-  );
+  return <WorkspaceAvatar {...props} workspace={avatarBlockSuiteWorkspace} />;
 };
 
 BlobExample.args = {