fix(editor): clip content within menu (#10764)

Closes: [BS-2796](https://linear.app/affine-design/issue/BS-2796/menu-中内容被剪切的问题)

blocksuite/affine/components/src/toolbar/menu-button.ts

@@ -98,28 +98,10 @@ export class EditorMenuButton extends WithDisposable(LitElement) {
 export class EditorMenuContent extends LitElement {
   static override styles = css`
     :host {
-      --packed-height: 6px;
-      --offset-height: calc(-1 * var(--packed-height));
       display: none;
       outline: none;
       overscroll-behavior: contain;
-    }
+      overflow-y: auto;
-
-    :host::before,
-    :host::after {
-      content: '';
-      display: block;
-      position: absolute;
-      height: var(--packed-height);
-      width: 100%;
-    }
-
-    :host::before {
-      top: var(--offset-height);
-    }
-
-    :host::after {
-      bottom: var(--offset-height);
     }
 
     :host([data-show]) {
@@ -152,8 +134,7 @@ export class EditorMenuContent extends LitElement {
       flex-direction: column;
       align-items: stretch;
       gap: unset;
-      min-height: unset;
+      min-height: fit-content;
-      overflow-y: auto;
     }
   `;