feat(editor): simple table block (#9740)

close: BS-2122, BS-2125, BS-2124, BS-2420, PD-2073, BS-2126, BS-2469, BS-2470, BS-2478, BS-2471

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

@@ -0,0 +1,43 @@
+import { style } from '@vanilla-extract/css';
+
+export const tableContainer = style({
+  display: 'block',
+  backgroundColor: 'var(--affine-background-primary-color)',
+  padding: '10px 0 18px',
+  overflowX: 'auto',
+  overflowY: 'visible',
+  selectors: {
+    '&::-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 = style({
+  overflow: 'visible',
+  display: 'flex',
+  flexDirection: 'row',
+  gap: '8px',
+  position: 'relative',
+  width: 'max-content',
+});
+
+export const table = style({});
+
+export const rowStyle = style({});