feat(ui): add number input dragging

[jmaen]

Add a new NumberInput component that supports dragging to edit numbers. When hovering over the input, the cursor is a left-right arrow to indicate the dragging option. For the dragging behavior, the PointerLock API is used.

In order to edit the value manually via keyboard input, users can click the component without dragging. Dragging is then disabled and the cursor switches to a regular text cursor, allowing text selection. Up and down arrow keys are also supported through the regular <input type="number"/> element.

The new NumberInput also supports min, max and step properties for input via the arrow keys and via dragging.

Closes #799

input-dragging.mov

[aarthificial]

I think we should add the following handler to the input as well:

onKeyDown={event => {
  if (event.key === 'Enter') {
    inputRef.current.blur();
  }
  if (event.key === 'Escape') {
    inputRef.current.value = currentValue.toString();
    inputRef.current.blur();
  }
}}

[jmaen]

I think I adressed all your requested changes. Apparently the pipeline failed to build, but the error seems to have occured in core which is not something I worked on.

[aarthificial]

Awesome, thanks!