feat(editor): add highlighter (#10573)

Closes: [BS-2909](https://linear.app/affine-design/issue/BS-2909/新增highlighter)

### What's Changed!

Currently the highlighter tool is very similar to brush, but for the future, it's a standalone module.

* Added `Highlighter` element model
* Added `Highlighter` tool
* Added `Highlighter` entry to the global toolbar

tests/affine-local/e2e/blocksuite/edgeless/shape.spec.ts

@@ -5,6 +5,7 @@ import {
   dblclickView,
   dragView,
   locateEditorContainer,
+  locateToolbar,
   setEdgelessTool,
 } from '@affine-test/kit/utils/editor';
 import { openHomePage } from '@affine-test/kit/utils/load-page';
@@ -35,7 +36,7 @@ test('should add text to shape, default to pure black', async ({ page }) => {
   await page.keyboard.type('text');
   await page.keyboard.press('Escape');
 
-  const toolbar = page.locator('affine-toolbar-widget editor-toolbar');
+  const toolbar = locateToolbar(page);
   const textColorContainer = toolbar.locator(
     'edgeless-color-picker-button.text-color'
   );
@@ -74,7 +75,7 @@ test('should add text to shape with pure white', async ({ page }) => {
   await page.keyboard.type('text');
   await page.keyboard.press('Escape');
 
-  const toolbar = page.locator('affine-toolbar-widget editor-toolbar');
+  const toolbar = locateToolbar(page);
   const textColorContainer = toolbar.locator(
     'edgeless-color-picker-button.text-color'
   );