refactor: use useCallback (#3254)

(cherry picked from commit c0749fbb9f)

apps/web/src/components/blocksuite/block-suite-page-list/index.tsx

@@ -109,7 +109,7 @@ export const BlockSuitePageList: React.FC<BlockSuitePageListProps> = ({
   const { createPage, createEdgeless, importFile, isPreferredEdgeless } =
     usePageHelper(blockSuiteWorkspace);
   const t = useAFFiNEI18N();
-  const getPageInfo = useGetPageInfoById();
+  const getPageInfo = useGetPageInfoById(blockSuiteWorkspace);
   const tagOptionMap = useMemo(
     () =>
       Object.fromEntries(

apps/web/src/components/pure/workspace-slider-bar/collections/collections-list.tsx

@@ -255,7 +255,7 @@ const CollectionRenderer = ({
 export const CollectionsList = ({ workspace }: CollectionsListProps) => {
   const metas = useBlockSuitePageMeta(workspace);
   const { savedCollections } = useSavedCollections(workspace.id);
-  const getPageInfo = useGetPageInfoById();
+  const getPageInfo = useGetPageInfoById(workspace);
   return (
     <div data-testid="collections" className={styles.wrapper}>
       {savedCollections

apps/web/src/components/workspace-header.tsx

@@ -35,7 +35,9 @@ export function WorkspaceHeader({
 
   const currentWorkspace = useWorkspace(currentWorkspaceId);
 
-  const getPageInfoById = useGetPageInfoById();
+  const getPageInfoById = useGetPageInfoById(
+    currentWorkspace.blockSuiteWorkspace
+  );
   if ('subPath' in currentEntry) {
     if (currentEntry.subPath === WorkspaceSubPath.ALL) {
       const leftSlot = (