fix(editor): set edgeless note style will override collapse state (#10098)

Close [BS-2489](https://linear.app/affine-design/issue/BS-2489/%E6%94%B9%E5%8F%98note-style%E4%BC%9A%E9%87%8D%E7%BD%AEcollapse%E7%8A%B6%E6%80%81)

packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/widgets/edgeless-note-header.tsx

@@ -44,8 +44,18 @@ const EdgelessNoteToggleButton = ({ note }: { note: NoteBlockModel }) => {
   );
 
   useEffect(() => {
-    setCollapsed(note.edgeless.collapse);
-  }, [note.edgeless.collapse]);
+    return note.edgeless$.subscribe(({ collapse, collapsedHeight }) => {
+      if (
+        collapse &&
+        collapsedHeight &&
+        Math.abs(collapsedHeight - styles.headerHeight) < 1
+      ) {
+        setCollapsed(true);
+      } else {
+        setCollapsed(false);
+      }
+    });
+  }, [note.edgeless$]);
 
   useEffect(() => {
     if (!gfx) return;