feat(core): auto select block when jump to block (#4858)

Co-authored-by: Peng Xiao <pengxiao@outlook.com>

tests/storybook/src/stories/image-preview-modal.stories.tsx

@@ -1,13 +1,11 @@
-import { BlockHubWrapper } from '@affine/component/block-hub';
+import { RootBlockHub } from '@affine/component/block-hub';
 import { BlockSuiteEditor } from '@affine/component/block-suite-editor';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { ImagePreviewModal } from '@affine/image-preview-plugin/src/component';
-import { rootBlockHubAtom } from '@affine/workspace/atom';
 import { getOrCreateWorkspace } from '@affine/workspace/manager';
 import type { Meta } from '@storybook/react';
 import { initEmptyPage } from '@toeverything/infra/blocksuite';
-import { useCallback } from 'react';
 import { createPortal } from 'react-dom';
 
 export default {
@@ -54,24 +52,13 @@ export const Default = () => {
           overflow: 'auto',
         }}
       >
-        <BlockSuiteEditor
-          mode="page"
-          page={page}
-          onInit={useCallback(async page => initEmptyPage(page), [])}
-        />
+        <BlockSuiteEditor mode="page" page={page} />
         {createPortal(
           <ImagePreviewModal pageId={page.id} workspace={page.workspace} />,
           document.body
         )}
       </div>
-      <BlockHubWrapper
-        style={{
-          position: 'absolute',
-          right: 12,
-          bottom: 12,
-        }}
-        blockHubAtom={rootBlockHubAtom}
-      />
+      <RootBlockHub />
     </>
   );
 };