feat(editor): group gfx extension (#11950)

Closes: BS-3208

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

## Summary by CodeRabbit

- **New Features**
  - Introduced a new group view extension, enhancing how group elements are handled and displayed.
  - Added new store and view modules for group-related features, improving modularity and integration.

- **Refactor**
  - Updated the group element architecture to use extension-based registration for views, toolbars, and effects.
  - Simplified and reorganized exports for group and text modules.

- **Chores**
  - Updated dependencies and project references to improve build consistency and compatibility.

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

blocksuite/affine/blocks/surface/src/surface-model.ts

@@ -11,7 +11,6 @@ import * as Y from 'yjs';
 import { elementsCtorMap } from './element-model/index.js';
 import { surfaceMiddlewareIdentifier } from './extensions/surface-middleware.js';
 import { SurfaceBlockTransformer } from './surface-transformer.js';
-import { groupRelationWatcher } from './watchers/group.js';
 
 export const SurfaceBlockSchema = defineBlockSchema({
   flavour: 'affine:surface',
@@ -50,10 +49,6 @@ export class SurfaceBlockModel extends BaseSurfaceModel {
       .forEach(({ middleware }) => {
         this._disposables.add(middleware(this));
       });
-
-    [groupRelationWatcher(this)].forEach(disposable =>
-      this._disposables.add(disposable)
-    );
   }
 
   getConnectors(id: string) {

blocksuite/affine/blocks/surface/src/watchers/group.ts

@@ -1,28 +0,0 @@
-import { SurfaceGroupLikeModel } from '../element-model/base.js';
-import type { SurfaceMiddleware } from '../extensions/surface-middleware.js';
-import type { SurfaceBlockModel } from '../surface-model.js';
-
-export const groupRelationWatcher: SurfaceMiddleware = (
-  surface: SurfaceBlockModel
-) => {
-  const disposables = [
-    surface.elementUpdated.subscribe(({ id, props, local }) => {
-      if (!local) return;
-
-      const element = surface.getElementById(id)!;
-
-      // remove the group if it has no children
-      if (
-        element instanceof SurfaceGroupLikeModel &&
-        props['childIds'] &&
-        element.childIds.length === 0
-      ) {
-        surface.deleteElement(id);
-      }
-    }),
-  ];
-
-  return () => {
-    disposables.forEach(d => d.unsubscribe());
-  };
-};