perf: use lazy load provider for IDB and SQLITE (#3351)

packages/hooks/src/use-block-suite-page-preview.ts

@@ -26,6 +26,7 @@ export function useBlockSuitePagePreview(page: Page): Atom<string> {
       const disposable = page.slots.yUpdated.on(() => {
         set(getPagePreviewText(page));
       });
+      set(getPagePreviewText(page));
       return () => {
         disposable.dispose();
       };

packages/hooks/src/use-block-suite-workspace-page.ts

@@ -2,6 +2,7 @@ import { assertExists, DisposableGroup } from '@blocksuite/global/utils';
 import type { Page, Workspace } from '@blocksuite/store';
 import type { Atom } from 'jotai';
 import { atom, useAtomValue } from 'jotai';
+import { useEffect } from 'react';
 
 const weakMap = new WeakMap<Workspace, Map<string, Atom<Page | null>>>();
 
@@ -51,5 +52,13 @@ export function useBlockSuiteWorkspacePage(
 ): Page | null {
   const pageAtom = getAtom(blockSuiteWorkspace, pageId);
   assertExists(pageAtom);
-  return useAtomValue(pageAtom);
+  const page = useAtomValue(pageAtom);
+
+  useEffect(() => {
+    if (!page?.loaded) {
+      page?.waitForLoaded().catch(console.error);
+    }
+  }, [page]);
+
+  return page;
 }