refactor(editor): configurable page block title (#10063)

### What changes
- make page block title rendering configurable so that a journal title can be rendered by AFFiNE side.
- move page block render logic to a seperate component

blocksuite/affine/block-note/src/note-edgeless-block.css.ts

@@ -1,6 +1,6 @@
 import { EDGELESS_BLOCK_CHILD_PADDING } from '@blocksuite/affine-shared/consts';
 import { cssVar } from '@toeverything/theme';
-import { globalStyle, style } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 
 export const ACTIVE_NOTE_EXTRA_PADDING = 20;
 
@@ -58,14 +58,6 @@ export const noteBackground = style({
   },
 });
 
-globalStyle(`${edgelessNoteContainer} > doc-title`, {
-  position: 'relative',
-});
-
-globalStyle(`${edgelessNoteContainer} > doc-title .doc-title-container`, {
-  padding: '26px 0px',
-});
-
 export const pageContent = style({
   width: '100%',
   height: '100%',