feat(edgeless): new note slicer

[donteatfriedrice]

TOV-191

New note slicer:

• Add a cutting mode button on note toolbar to be used to toggle note slicer setting and store it in session storage.

• Update slicer button ui style and position.
• Change slice indicator to block dividing lines. And active line will be shown with animation.

• The note cut will inherit the properties of last note.

Screen.Recording.2024-01-19.at.02.50.02.mov

• Add shortcut '-' for cutting mode. When select one note, press '-' can toggle cutting mode

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blocksuite	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 19, 2024 10:06am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
blocksuite-docs-main	⬜️ Ignored (Inspect)	Visit Preview		Jan 19, 2024 10:06am

[hwangdev97]

maybe the button should be align with the dosh line ? cc @zanwei

[Svaney-ssman]

Should the note exit cutting mode after the user click outside the note or do other operations? @hwangdev97 @zanwei

[zanwei]

Had a discussion internally, there're few changes need to be modified.

1. After the user cuts the note, the cut mode will not be saved.
2. We gonna add a shortcut to active the cut mode easily.
3. Drag handle should be disabled when cut mode is activated.

cc @donteatfriedrice

[doodlewind]

LGTM, thanks for the feat!