feat(editor): group configuration of note styles to panel from toolbar (#12230)

Close [BS-3401](https://linear.app/affine-design/issue/BS-3401/note-style-需要合并同类项)

![CleanShot 2025-05-12 at 14.23.01.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyRfgiN4RuBxJfrza3SG/ddf8623f-aa9c-491e-a7bf-90419fb19848.png)

tests/blocksuite/e2e/edgeless/auto-complete.spec.ts

@@ -191,7 +191,7 @@ test.describe('auto-complete', () => {
       await page.mouse.click(rect.x + rect.width / 2, rect.y + rect.height / 2);
       await waitNextFrame(page);
 
-      await triggerComponentToolbarAction(page, 'changeNoteColor');
+      await triggerComponentToolbarAction(page, 'changeNoteStyle');
       await changeEdgelessNoteBackground(page, 'Red');
 
       // move to arrow icon

tests/blocksuite/e2e/edgeless/element-toolbar.spec.ts

@@ -57,7 +57,7 @@ test('tooltip should be hidden after clicking on button', async ({ page }) => {
   await expect(page.locator('note-display-mode-panel')).toBeVisible();
 
   const colorBtn = toolbar.getByRole('button', {
-    name: 'Background',
+    name: 'Note Style',
   });
 
   await colorBtn.hover();

tests/blocksuite/e2e/edgeless/note/note.spec.ts

@@ -317,7 +317,7 @@ test('change note color', async ({ page }) => {
   );
 
   await selectNoteInEdgeless(page, noteId);
-  await triggerComponentToolbarAction(page, 'changeNoteColor');
+  await triggerComponentToolbarAction(page, 'changeNoteStyle');
   await changeEdgelessNoteBackground(page, 'Green');
   await assertEdgelessNoteBackground(
     page,