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/table/src/add-button.css.ts

@@ -0,0 +1,90 @@
+import { cssVar, cssVarV2 } from '@blocksuite/affine-shared/theme';
+import { style } from '@vanilla-extract/css';
+
+export const addColumnButtonStyle = style({
+  cursor: 'col-resize',
+  backgroundColor: cssVarV2.layer.background.hoverOverlay,
+  fontSize: '16px',
+  color: cssVarV2.icon.secondary,
+  display: 'flex',
+  width: '16px',
+  justifyContent: 'center',
+  alignItems: 'center',
+  position: 'absolute',
+  top: '0',
+  left: 'calc(100% + 2px)',
+  height: '100%',
+  transition:
+    'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
+  borderRadius: '2px',
+  opacity: 0,
+  selectors: {
+    '&:hover, &.active': {
+      backgroundColor: cssVarV2.table.indicator.drag,
+      color: cssVarV2.icon.primary,
+      opacity: 1,
+    },
+  },
+});
+
+export const addRowButtonStyle = style({
+  cursor: 'row-resize',
+  backgroundColor: cssVarV2.layer.background.hoverOverlay,
+  fontSize: '16px',
+  color: cssVarV2.icon.secondary,
+  display: 'flex',
+  height: '16px',
+  alignItems: 'center',
+  justifyContent: 'center',
+  position: 'absolute',
+  top: 'calc(100% + 2px)',
+  left: '0',
+  width: '100%',
+  transition:
+    'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
+  borderRadius: '2px',
+  opacity: 0,
+  selectors: {
+    '&:hover, &.active': {
+      backgroundColor: cssVarV2.table.indicator.drag,
+      color: cssVarV2.icon.primary,
+      opacity: 1,
+    },
+  },
+});
+
+export const addRowColumnButtonStyle = style({
+  cursor: 'nwse-resize',
+  backgroundColor: cssVarV2.layer.background.hoverOverlay,
+  fontSize: '16px',
+  color: cssVarV2.icon.secondary,
+  display: 'flex',
+  width: '16px',
+  height: '16px',
+  justifyContent: 'center',
+  alignItems: 'center',
+  position: 'absolute',
+  top: 'calc(100% + 2px)',
+  left: 'calc(100% + 2px)',
+  borderRadius: '2px',
+  opacity: 0,
+  transition:
+    'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
+  selectors: {
+    '&:hover, &.active': {
+      backgroundColor: cssVarV2.table.indicator.drag,
+      color: cssVarV2.icon.primary,
+      opacity: 1,
+    },
+  },
+});
+
+export const cellCountTipsStyle = style({
+  position: 'absolute',
+  backgroundColor: cssVarV2.tooltips.background,
+  borderRadius: '4px',
+  padding: '4px',
+  boxShadow: cssVar('buttonShadow'),
+  color: cssVarV2.tooltips.foreground,
+  whiteSpace: 'nowrap',
+});