feat(editor): add embed doc block extension (#12090)

Closes: BS-3393

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - Introduced a new "Embed Doc" block, enabling embedding and rendering of linked and synced documents within cards, including support for banners and note previews.
  - Added new toolbar and quick search options for inserting embedded linked and synced documents.

- **Improvements**
  - Updated dependencies and internal references to support the new embed doc functionality across related blocks and components.
  - Enhanced support for edgeless environments with new clipboard and configuration options for embedded docs.

- **Refactor**
  - Streamlined and reorganized embed-related code, moving linked and synced doc logic into a dedicated embed doc module.
  - Removed obsolete adapter and utility files to simplify maintenance.

- **Chores**
  - Updated project and TypeScript configuration files to include the new embed doc module in builds and references.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/blocks/embed-doc/src/embed-linked-doc-block/utils.ts

@@ -0,0 +1,115 @@
+import {
+  EmbedEdgelessIcon,
+  EmbedPageIcon,
+  getLoadingIconWith,
+  ReloadIcon,
+} from '@blocksuite/affine-components/icons';
+import {
+  ColorScheme,
+  type EmbedLinkedDocStyles,
+} from '@blocksuite/affine-model';
+import type { TemplateResult } from 'lit';
+
+import {
+  DarkSyncedDocErrorBanner,
+  LightSyncedDocErrorBanner,
+} from '../embed-synced-doc-block/styles.js';
+import {
+  DarkLinkedEdgelessDeletedLargeBanner,
+  DarkLinkedEdgelessDeletedSmallBanner,
+  DarkLinkedEdgelessEmptyLargeBanner,
+  DarkLinkedEdgelessEmptySmallBanner,
+  DarkLinkedPageDeletedLargeBanner,
+  DarkLinkedPageDeletedSmallBanner,
+  DarkLinkedPageEmptyLargeBanner,
+  DarkLinkedPageEmptySmallBanner,
+  LightLinkedEdgelessDeletedLargeBanner,
+  LightLinkedEdgelessDeletedSmallBanner,
+  LightLinkedEdgelessEmptyLargeBanner,
+  LightLinkedEdgelessEmptySmallBanner,
+  LightLinkedPageDeletedLargeBanner,
+  LightLinkedPageDeletedSmallBanner,
+  LightLinkedPageEmptyLargeBanner,
+  LightLinkedPageEmptySmallBanner,
+  LinkedDocDeletedIcon,
+} from './styles.js';
+
+type EmbedCardImages = {
+  LoadingIcon: TemplateResult<1>;
+  ReloadIcon: TemplateResult<1>;
+  LinkedDocIcon: TemplateResult<1>;
+  LinkedDocDeletedIcon: TemplateResult<1>;
+  LinkedDocEmptyBanner: TemplateResult<1>;
+  LinkedDocDeletedBanner: TemplateResult<1>;
+  SyncedDocErrorBanner: TemplateResult<1>;
+};
+
+export function getEmbedLinkedDocIcons(
+  theme: ColorScheme,
+  editorMode: 'page' | 'edgeless',
+  style: (typeof EmbedLinkedDocStyles)[number]
+): EmbedCardImages {
+  const small = style !== 'vertical';
+  const LoadingIcon = getLoadingIconWith(theme);
+  if (editorMode === 'page') {
+    if (theme === ColorScheme.Light) {
+      return {
+        LoadingIcon,
+        ReloadIcon,
+        LinkedDocIcon: EmbedPageIcon,
+        LinkedDocDeletedIcon,
+        LinkedDocEmptyBanner: small
+          ? LightLinkedPageEmptySmallBanner
+          : LightLinkedPageEmptyLargeBanner,
+        LinkedDocDeletedBanner: small
+          ? LightLinkedPageDeletedSmallBanner
+          : LightLinkedPageDeletedLargeBanner,
+        SyncedDocErrorBanner: LightSyncedDocErrorBanner,
+      };
+    } else {
+      return {
+        ReloadIcon,
+        LoadingIcon,
+        LinkedDocIcon: EmbedPageIcon,
+        LinkedDocDeletedIcon,
+        LinkedDocEmptyBanner: small
+          ? DarkLinkedPageEmptySmallBanner
+          : DarkLinkedPageEmptyLargeBanner,
+        LinkedDocDeletedBanner: small
+          ? DarkLinkedPageDeletedSmallBanner
+          : DarkLinkedPageDeletedLargeBanner,
+        SyncedDocErrorBanner: DarkSyncedDocErrorBanner,
+      };
+    }
+  } else {
+    if (theme === ColorScheme.Light) {
+      return {
+        ReloadIcon,
+        LoadingIcon,
+        LinkedDocIcon: EmbedEdgelessIcon,
+        LinkedDocDeletedIcon,
+        LinkedDocEmptyBanner: small
+          ? LightLinkedEdgelessEmptySmallBanner
+          : LightLinkedEdgelessEmptyLargeBanner,
+        LinkedDocDeletedBanner: small
+          ? LightLinkedEdgelessDeletedSmallBanner
+          : LightLinkedEdgelessDeletedLargeBanner,
+        SyncedDocErrorBanner: LightSyncedDocErrorBanner,
+      };
+    } else {
+      return {
+        ReloadIcon,
+        LoadingIcon,
+        LinkedDocIcon: EmbedEdgelessIcon,
+        LinkedDocDeletedIcon,
+        LinkedDocEmptyBanner: small
+          ? DarkLinkedEdgelessEmptySmallBanner
+          : DarkLinkedEdgelessEmptyLargeBanner,
+        LinkedDocDeletedBanner: small
+          ? DarkLinkedEdgelessDeletedSmallBanner
+          : DarkLinkedEdgelessDeletedLargeBanner,
+        SyncedDocErrorBanner: DarkSyncedDocErrorBanner,
+      };
+    }
+  }
+}