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.

view/bottom-controls/Slider.tsx

@@ -6,6 +6,7 @@ export type BottomControlSliderProps = {
   max: number;
   value: number;
   step?: number;
+  disabled?: boolean;
   className?: string;
   onValueChange: (value: number) => void;
 };