feat(editor): unify block props api (#10888)

Closes: [BS-2707](https://linear.app/affine-design/issue/BS-2707/统一使用props获取和更新block-prop)

blocksuite/affine/blocks/block-note/src/components/edgeless-note-background.ts

@@ -44,13 +44,13 @@ export class EdgelessNoteBackground extends SignalWatcher(
     const themeProvider = this.std.get(ThemeProvider);
     const theme = themeProvider.theme$.value;
     const backgroundColor = themeProvider.generateColorProperty(
-      this.note.background$.value,
+      this.note.props.background$.value,
       DefaultTheme.noteBackgrounColor,
       theme
     );
 
     const { borderRadius, borderSize, borderStyle, shadowType } =
-      this.note.edgeless$.value.style;
+      this.note.props.edgeless$.value.style;
 
     return {
       borderRadius: borderRadius + 'px',

blocksuite/affine/blocks/block-note/src/components/edgeless-note-mask.ts

@@ -15,9 +15,9 @@ export class EdgelessNoteMask extends SignalWatcher(
     const maskDOM = this.renderRoot!.querySelector('.affine-note-mask');
     const observer = new ResizeObserver(entries => {
       for (const entry of entries) {
-        if (!this.model.edgeless.collapse) {
+        if (!this.model.props.edgeless.collapse) {
           const bound = Bound.deserialize(this.model.xywh);
-          const scale = this.model.edgeless.scale ?? 1;
+          const scale = this.model.props.edgeless.scale ?? 1;
           const height = entry.contentRect.height * scale;
 
           if (!height || almostEqual(bound.h, height)) {
@@ -53,7 +53,7 @@ export class EdgelessNoteMask extends SignalWatcher(
           zIndex: '1',
           pointerEvents: this.editing || this.disableMask ? 'none' : 'auto',
           borderRadius: `${
-            this.model.edgeless.style.borderRadius * this.zoom
+            this.model.props.edgeless.style.borderRadius * this.zoom
           }px`,
         })}
       ></div>