feat: make Scale and Resolution editable number inputs

[guoyiheng]

Description

Fixes #1

This PR makes Scale and Resolution inputs editable number controls instead of just range sliders.

Changes

• Added number input fields for Scale (0.1 - 1.0) allowing direct numeric entry
• Added number inputs for Resolution (width and height) that sync with the scale
• Kept the original Slider component alongside number input for Scale for better UX
• Maintained two-row layout for clarity: Resolution on first row, Scale on second row

Testing

The changes allow users to:

1. Directly type a scale value (e.g., 0.5) instead of only using the slider
2. Set custom resolution dimensions and have them automatically adjust the scale
3. Use both number inputs and slider interchangeably - they stay in sync