fix table-feature

src/App.tsx

@@ -2,7 +2,9 @@ import { PlateEditor } from "./components/editor/plate-editor";
 
 function App() {
   return (
+    <div className="bg-blue-800 h-screen flex items-center justify-center z-10 relative">
       <PlateEditor />
+    </div>
   );
 }
 

src/components/plate-ui/editor.tsx

@@ -14,7 +14,7 @@ import {
 import { cva } from 'class-variance-authority';
 
 const editorContainerVariants = cva(
-  'relative w-[40rem] h-[20rem] cursor-text border border-slate-300  rounded-md p-1 select-text caret-primary overflow-y-auto  selection:bg-brand/25 focus-visible:outline-none [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',
+  'relative w-[40rem] h-[20rem] bg-white cursor-text border border-slate-300  rounded-md  select-text caret-primary overflow-y-auto  selection:bg-brand/25 focus-visible:outline-none [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',
   {
     defaultVariants: {
       variant: 'default',

src/components/plate-ui/table-cell-element.tsx

@@ -65,7 +65,7 @@ export const TableCellElement = withRef<
             isHeader && 'text-left [&_>_*]:m-0',
             'before:size-full',
             selected && 'before:z-10 before:bg-zinc-100 dark:before:bg-zinc-800',
-            'before:absolute before:box-border before:select-none before:content-[]',
+            'before:absolute before:box-border before:select-none before:content-[""]',
             borders &&
               cn(
                 borders.bottom?.size &&