refactor: Update bottom controls for improved styling and functionality

- Adjusted button styles across various components for consistency and better UX.
- Enhanced layout of action controls to utilize whitespace more effectively.
- Updated slider styles for a more modern appearance and improved usability.
- Refined input fields and labels for better accessibility and readability.
- Introduced new app surface styles for a cohesive design across the application.
- Added tests for canvas cursor behavior to ensure correct cursor display during operations.

editor/state.ts

@@ -129,6 +129,10 @@ export type CommandPaletteState = {
 
 export type WorkspacePanel = "none" | "generate" | "chromaKey" | "layers";
 
+export function isOperationWorkspacePanel(panel: WorkspacePanel): boolean {
+  return panel === "generate" || panel === "chromaKey";
+}
+
 export type WorkspaceState = {
   panel: WorkspacePanel;
 };