Fix bug after porting tab manager

[JYC333]

• Revert "Revert "port tab manager to ts""
• fix: 🐛 fix wrong triggerEvent usage
• refactor: 💡 refactor serval event names
• fix: 🐛 can't move a tab to new window

Branch is messed up, so create a new branch and a new PR.
Previous PR: #1330

[JYC333]

@eliandoran I change the test:playwright to npx playwright test (which is defined in action yaml) and run it locally in develop, still get 7 errors

7 failed
    [chromium] › e2e/note_types/code.spec.ts:4:1 › Displays lint warnings for backend script ───────
    [chromium] › e2e/note_types/mermaid.spec.ts:4:1 › renders ELK flowchart ────────────────────────
    [chromium] › e2e/note_types/mermaid.spec.ts:29:1 › renders standard flowchart ──────────────────
    [chromium] › e2e/note_types/mindmap.spec.ts:4:1 › displays simple map ──────────────────────────
    [chromium] › e2e/note_types/text.spec.ts:4:1 › Table of contents is displayed ──────────────────
    [chromium] › e2e/note_types/text.spec.ts:39:1 › Highlights list is displayed ───────────────────
    [chromium] › e2e/note_types/text.spec.ts:53:1 › Displays math popup ────────────────────────────

And I run it on my branch here, get 6 errors

6 failed
    [chromium] › e2e/note_types/code.spec.ts:4:1 › Displays lint warnings for backend script ───────
    [chromium] › e2e/note_types/code.spec.ts:24:1 › Displays lint errors for backend script ────────
    [chromium] › e2e/note_types/mermaid.spec.ts:4:1 › renders ELK flowchart ────────────────────────
    [chromium] › e2e/note_types/mermaid.spec.ts:29:1 › renders standard flowchart ──────────────────
    [chromium] › e2e/note_types/mindmap.spec.ts:4:1 › displays simple map ──────────────────────────
    [chromium] › e2e/note_types/mindmap.spec.ts:14:1 › displays note settings ──────────────────────

But in Github Action it gets 10 fails. Maybe you something behind this?