Try new layout and a bunch of editor fixes

src-web/components/LayoutPane.tsx

@@ -0,0 +1,15 @@
+import classnames from 'classnames';
+import type { ReactNode } from 'react';
+
+export interface LayoutPaneProps {
+  children?: ReactNode;
+  className?: string;
+}
+
+export function LayoutPane({ className, children }: LayoutPaneProps) {
+  return (
+    <div className={classnames(className, 'w-full h-full p-2')} data-tauri-drag-region>
+      <div className={classnames('w-full h-full bg-gray-50/50 rounded-lg')}>{children}</div>
+    </div>
+  );
+}