refactor(editor): toc dragging with std.dnd (#9883)

Close [BS-2458](https://linear.app/affine-design/issue/BS-2458/toc-dnd重构)

### What Changes
- Refactor toc note card dnd with `std.dnd`
- Extract note display mode change to command `changeNoteDisplayMode`
  - It will reorder notes when the display mode changed from `EdgelessOnly` to page mode visible (a.k.a `DocOnly` or `Both`)

blocksuite/blocks/src/root-block/widgets/element-toolbar/change-note-button.ts

@@ -195,32 +195,11 @@ export class EdgelessChangeNoteButton extends WithDisposable(LitElement) {
   }
 
   private _setDisplayMode(note: NoteBlockModel, newMode: NoteDisplayMode) {
-    const { displayMode: currentMode } = note;
-    if (newMode === currentMode) {
-      return;
-    }
-
-    this.doc.captureSync();
-
-    this.crud.updateElement(note.id, { displayMode: newMode });
-
-    const noteParent = this.doc.getParent(note);
-    if (!noteParent) return;
-
-    const noteParentChildNotes = noteParent.children.filter(block =>
-      matchFlavours(block, ['affine:note'])
-    );
-    const noteParentLastNote =
-      noteParentChildNotes[noteParentChildNotes.length - 1];
-
-    if (
-      currentMode === NoteDisplayMode.EdgelessOnly &&
-      newMode !== NoteDisplayMode.EdgelessOnly &&
-      note !== noteParentLastNote
-    ) {
-      // move to the end
-      this.doc.moveBlocks([note], noteParent, noteParentLastNote, false);
-    }
+    this.edgeless.std.command.exec('changeNoteDisplayMode', {
+      noteId: note.id,
+      mode: newMode,
+      stopCapture: true,
+    });
 
     // if change note to page only, should clear the selection
     if (newMode === NoteDisplayMode.DocOnly) {