fix(editor): remove the fixation of created-by and created-time (#12260)

close: BS-3474, BS-3153

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

- **New Features**
  - Enhanced property addition to support specifying both type and name for new properties across databases and views.
  - Added context menu for selecting property type when adding new columns in table headers.
  - Introduced `addToGroup` functions to various group-by configurations for consistent grouping behavior.

- **Bug Fixes**
  - Improved grouping logic to treat empty arrays as ungrouped in multi-member group configurations.
  - Refined grouping behavior to respect explicit group addition settings.
  - Ensured grouping operations only occur when both group key and row ID are present.

- **Tests**
  - Updated test expectations to align with revised default column naming conventions.
  - Adjusted test utilities to accommodate the updated property addition method.
  - Improved typing simulation in column type selection for more reliable test execution.

- **Improvements**
  - Introduced a new root component rendering on the share page to enhance UI integration.
  - Refined default property naming logic for clearer and more consistent column titles.
  - Simplified created-time and created-by property configurations for better maintainability.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/data-view/src/view-presets/table/pc-virtual/group/top/header/column-header.ts

@@ -1,3 +1,8 @@
+import {
+  menu,
+  popMenu,
+  popupTargetFromElement,
+} from '@blocksuite/affine-components/context-menu';
 import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { PlusIcon } from '@blocksuite/icons/lit';
 import { ShadowlessElement } from '@blocksuite/std';
@@ -7,6 +12,7 @@ import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit/static-html.js';
 
+import { renderUniLit } from '../../../../../../core';
 import type { TableSingleView } from '../../../../table-view-manager';
 import * as styles from './column-header-css';
 
@@ -15,19 +21,50 @@ export class VirtualTableHeader extends SignalWatcher(
 ) {
   private readonly _onAddColumn = (e: MouseEvent) => {
     if (this.readonly) return;
-    this.tableViewManager.propertyAdd('end');
     const ele = e.currentTarget as HTMLElement;
-    requestAnimationFrame(() => {
-      this.editLastColumnTitle();
-      ele.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+    popMenu(popupTargetFromElement(ele), {
+      options: {
+        title: {
+          text: 'Property type',
+        },
+        items: [
+          menu.group({
+            items: this.tableViewManager.propertyMetas$.value.map(config => {
+              return menu.action({
+                name: config.config.name,
+                prefix: renderUniLit(config.renderer.icon),
+                select: () => {
+                  const id = this.tableViewManager.propertyAdd('end', {
+                    type: config.type,
+                    name: config.config.name,
+                  });
+                  if (id) {
+                    requestAnimationFrame(() => {
+                      ele.scrollIntoView({
+                        block: 'nearest',
+                        inline: 'nearest',
+                      });
+                      this.openPropertyMenuById(id);
+                    });
+                  }
+                },
+              });
+            }),
+          }),
+        ],
+      },
     });
   };
 
-  editLastColumnTitle = () => {
-    const columns = this.querySelectorAll('affine-database-header-column');
-    const column = columns.item(columns.length - 1);
-    column.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-    column.editTitle();
+  openPropertyMenuById = (id: string) => {
+    const column = this.querySelectorAll('virtual-database-header-column');
+    for (const item of column) {
+      if (item.dataset.columnId === id) {
+        item.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+        item.editTitle();
+        return;
+      }
+    }
   };
 
   private get readonly() {
@@ -44,7 +81,7 @@ export class VirtualTableHeader extends SignalWatcher(
       <div class="${styles.columnHeader} database-row">
         ${this.readonly
           ? nothing
-          : html`<div class="data-view-table-left-bar"></div>`}
+          : html` <div class="data-view-table-left-bar"></div>`}
         ${repeat(
           this.tableViewManager.properties$.value,
           column => column.id,
@@ -54,14 +91,14 @@ export class VirtualTableHeader extends SignalWatcher(
               border: index === 0 ? 'none' : undefined,
             });
             return html`
-              <affine-database-header-column
+              <virtual-database-header-column
                 style="${style}"
                 data-column-id="${column.id}"
                 data-column-index="${index}"
                 class="${styles.column} ${styles.cell}"
                 .column="${column}"
                 .tableViewManager="${this.tableViewManager}"
-              ></affine-database-header-column>
+              ></virtual-database-header-column>
               <div class="cell-divider" style="height: auto;"></div>
             `;
           }

blocksuite/affine/data-view/src/view-presets/table/table-view-manager.ts

@@ -241,7 +241,7 @@ export class TableSingleView extends SingleViewBase<TableViewData> {
       });
     }
 
-    if (groupKey) {
+    if (groupKey && id) {
       this.groupTrait.addToGroup(id, groupKey);
     }
     return id;