refactor: abstract header adapter (#2580)

apps/web/src/pages/public-workspace/[workspaceId]/[pageId].tsx

@@ -16,6 +16,7 @@ import {
   publicWorkspaceIdAtom,
   publicWorkspacePageIdAtom,
 } from '../../../atoms/public-workspace';
+import { BlockSuiteEditorHeader } from '../../../components/blocksuite/workspace-header';
 import { PageDetailEditor } from '../../../components/page-detail-editor';
 import { WorkspaceAvatar } from '../../../components/pure/footer';
 import { PageLoading } from '../../../components/pure/loading';
@@ -70,6 +71,28 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
   return (
     <>
       <PublicQuickSearch workspace={publicWorkspace} />
+      <BlockSuiteEditorHeader
+        isPublic={true}
+        workspace={publicWorkspace}
+        currentPage={blockSuiteWorkspace.getPage(pageId)}
+      >
+        <NavContainer>
+          <Breadcrumbs>
+            <StyledBreadcrumbs
+              href={`/public-workspace/${blockSuiteWorkspace.id}`}
+            >
+              <WorkspaceAvatar size={24} name={name} avatar={avatar} />
+              <span>{name}</span>
+            </StyledBreadcrumbs>
+            <StyledBreadcrumbs
+              href={`/public-workspace/${blockSuiteWorkspace.id}/${pageId}`}
+            >
+              <PageIcon fontSize={24} />
+              <span>{pageTitle ? pageTitle : t['Untitled']()}</span>
+            </StyledBreadcrumbs>
+          </Breadcrumbs>
+        </NavContainer>
+      </BlockSuiteEditorHeader>
       <PageDetailEditor
         isPublic={true}
         pageId={pageId}
@@ -85,24 +108,6 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
           };
         }}
         onInit={initPage}
-        header={
-          <NavContainer>
-            <Breadcrumbs>
-              <StyledBreadcrumbs
-                href={`/public-workspace/${blockSuiteWorkspace.id}`}
-              >
-                <WorkspaceAvatar size={24} name={name} avatar={avatar} />
-                <span>{name}</span>
-              </StyledBreadcrumbs>
-              <StyledBreadcrumbs
-                href={`/public-workspace/${blockSuiteWorkspace.id}/${pageId}`}
-              >
-                <PageIcon fontSize={24} />
-                <span>{pageTitle ? pageTitle : t['Untitled']()}</span>
-              </StyledBreadcrumbs>
-            </Breadcrumbs>
-          </NavContainer>
-        }
       />
     </>
   );