refactor(editor): unify directories naming (#11516)

**Directory Structure Changes**

- Renamed multiple block-related directories by removing the "block-" prefix:
  - `block-attachment` → `attachment`
  - `block-bookmark` → `bookmark`
  - `block-callout` → `callout`
  - `block-code` → `code`
  - `block-data-view` → `data-view`
  - `block-database` → `database`
  - `block-divider` → `divider`
  - `block-edgeless-text` → `edgeless-text`
  - `block-embed` → `embed`

blocksuite/affine/blocks/note/src/components/edgeless-note-display-mode-dropdown-menu.ts

@@ -0,0 +1,58 @@
+import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
+import { NoteDisplayMode } from '@blocksuite/affine-model';
+import { ShadowlessElement } from '@blocksuite/std';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+
+const DisplayModeMap = {
+  [NoteDisplayMode.DocAndEdgeless]: 'Both',
+  [NoteDisplayMode.EdgelessOnly]: 'Edgeless',
+  [NoteDisplayMode.DocOnly]: 'Page',
+} as const satisfies Record<NoteDisplayMode, string>;
+
+export class EdgelessNoteDisplayModeDropdownMenu extends ShadowlessElement {
+  get mode() {
+    return DisplayModeMap[this.displayMode];
+  }
+
+  select(detail: NoteDisplayMode) {
+    this.dispatchEvent(new CustomEvent('select', { detail }));
+  }
+
+  override render() {
+    const { displayMode, mode } = this;
+
+    return html`
+      <span class="display-mode-button-label">Show in</span>
+      <editor-menu-button
+        .contentPadding=${'8px'}
+        .button=${html`
+          <editor-icon-button
+            aria-label="Mode"
+            .tooltip="${'Display mode'}"
+            .justify="${'space-between'}"
+            .labelHeight="${'20px'}"
+          >
+            <span class="label">${mode}</span>
+            ${EditorChevronDown}
+          </editor-icon-button>
+        `}
+      >
+        <note-display-mode-panel
+          .displayMode=${displayMode}
+          .onSelect=${(newMode: NoteDisplayMode) => this.select(newMode)}
+        >
+        </note-display-mode-panel>
+      </editor-menu-button>
+    `;
+  }
+
+  @property({ attribute: false })
+  accessor displayMode!: NoteDisplayMode;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'edgeless-note-display-mode-dropdown-menu': EdgelessNoteDisplayModeDropdownMenu;
+  }
+}