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/database/src/properties/rich-text/cell-renderer-css.ts

@@ -1,13 +1,13 @@
-import { style } from '@vanilla-extract/css';
+import { css } from '@emotion/css';
 
-export const richTextCellStyle = style({
+export const richTextCellStyle = css({
   display: 'flex',
   alignItems: 'center',
   width: '100%',
   userSelect: 'none',
 });
 
-export const richTextContainerStyle = style({
+export const richTextContainerStyle = css({
   display: 'flex',
   flexDirection: 'column',
   justifyContent: 'center',

blocksuite/affine/blocks/database/src/properties/rich-text/cell-renderer.ts

@@ -29,7 +29,7 @@ import type { DatabaseBlockComponent } from '../../database-block.js';
 import {
   richTextCellStyle,
   richTextContainerStyle,
-} from './cell-renderer.css.js';
+} from './cell-renderer-css.js';
 import { richTextPropertyModelConfig } from './define.js';
 
 function toggleStyle(