refactor(editor): replace @vanilla-extract/css with @emotion/css (#12195)

close: BS-3446

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

- **Refactor**
  - Migrated all styling from vanilla-extract to Emotion for improved CSS-in-JS consistency across database, table, and data view components.
  - Updated import paths for style modules to reflect the new Emotion-based file naming.
  - Removed unused or redundant style exports and updated selector syntax where necessary.

- **Chores**
  - Updated dependencies: removed vanilla-extract and added Emotion in relevant package files.

- **Style**
  - No visual changes to existing components; all style definitions remain consistent with previous designs.

- **New Features**
  - Introduced new reusable CSS classes for data view and table components using Emotion.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/blocks/table/src/table-block-css.ts

@@ -0,0 +1,40 @@
+import { css } from '@emotion/css';
+
+export const tableContainer = css({
+  display: 'block',
+  padding: '10px 0 18px 10px',
+  overflowX: 'auto',
+  overflowY: 'visible',
+  '::-webkit-scrollbar': {
+    height: '8px',
+  },
+  '::-webkit-scrollbar-thumb:horizontal': {
+    borderRadius: '4px',
+    backgroundColor: 'transparent',
+  },
+  '::-webkit-scrollbar-track:horizontal': {
+    backgroundColor: 'transparent',
+    height: '8px',
+  },
+  '&:hover::-webkit-scrollbar-thumb:horizontal': {
+    borderRadius: '4px',
+    backgroundColor: 'var(--affine-black-30)',
+  },
+  '&:hover::-webkit-scrollbar-track:horizontal': {
+    backgroundColor: 'var(--affine-hover-color)',
+    height: '8px',
+  },
+});
+
+export const tableWrapper = css({
+  overflow: 'visible',
+  display: 'flex',
+  flexDirection: 'row',
+  gap: '8px',
+  position: 'relative',
+  width: 'max-content',
+});
+
+export const table = css({});
+
+export const rowStyle = css({});