Refactor adjustment nodes to use ParameterSlider for enhanced UI and functionality

- Replaced SliderRow components with ParameterSlider in color-adjust, curves, detail-adjust, and light-adjust nodes for improved user interaction.
- Updated minimum width and height configurations for adjustment nodes to accommodate new slider designs.
- Enhanced node templates and default dimensions to reflect the changes in adjustment node sizes.
- Improved state management and data handling for slider values in adjustment nodes.

lib/canvas-node-templates.ts

@@ -65,29 +65,29 @@ export const CANVAS_NODE_TEMPLATES = [
   {
     type: "curves",
     label: "Kurven",
-    width: 280,
-    height: 460,
+    width: 320,
+    height: 660,
     defaultData: {},
   },
   {
     type: "color-adjust",
     label: "Farbe",
-    width: 280,
-    height: 560,
+    width: 320,
+    height: 800,
     defaultData: {},
   },
   {
     type: "light-adjust",
     label: "Licht",
-    width: 280,
-    height: 620,
+    width: 320,
+    height: 920,
     defaultData: {},
   },
   {
     type: "detail-adjust",
     label: "Detail",
-    width: 280,
-    height: 620,
+    width: 320,
+    height: 880,
     defaultData: {},
   },
   {

lib/canvas-utils.ts

@@ -244,10 +244,10 @@ export const NODE_DEFAULTS: Record<
   compare: { width: 500, height: 380, data: {} },
   asset: { width: 260, height: 240, data: {} },
   video: { width: 320, height: 180, data: {} },
-  curves: { width: 280, height: 460, data: DEFAULT_CURVES_DATA },
-  "color-adjust": { width: 280, height: 560, data: DEFAULT_COLOR_ADJUST_DATA },
-  "light-adjust": { width: 280, height: 620, data: DEFAULT_LIGHT_ADJUST_DATA },
-  "detail-adjust": { width: 280, height: 620, data: DEFAULT_DETAIL_ADJUST_DATA },
+  curves: { width: 320, height: 660, data: DEFAULT_CURVES_DATA },
+  "color-adjust": { width: 320, height: 800, data: DEFAULT_COLOR_ADJUST_DATA },
+  "light-adjust": { width: 320, height: 920, data: DEFAULT_LIGHT_ADJUST_DATA },
+  "detail-adjust": { width: 320, height: 880, data: DEFAULT_DETAIL_ADJUST_DATA },
   render: {
     width: 300,
     height: 420,