refactor(core): use lit customelement decorator (#7560)

Close: [BS-585](https://linear.app/affine-design/issue/BS-585/更新affine侧lit自定义yuan素的写法)

### What changes:
- using `@customElement(xxx)` instead of `window.customElements.define(xxx)`
- remove `registerOutlinePanelComponents` and `registerFramePanelComponents`, Related PR https://github.com/toeverything/blocksuite/pull/7700

packages/frontend/component/src/lit-react/to-react-node.ts

@@ -1,8 +1,10 @@
 import { LitElement, type TemplateResult } from 'lit';
+import { customElement } from 'lit/decorators.js';
 import React, { createElement, type ReactNode } from 'react';
 
 import { createComponent } from './create-component';
 
+@customElement('affine-lit-template-wrapper')
 export class LitTemplateWrapper extends LitElement {
   static override get properties() {
     return {
@@ -20,8 +22,6 @@ export class LitTemplateWrapper extends LitElement {
   }
 }
 
-window.customElements.define('affine-lit-template-wrapper', LitTemplateWrapper);
-
 const TemplateWrapper = createComponent({
   elementClass: LitTemplateWrapper,
   react: React,