feat(735): bound the numeric FFmpeg profile fields with a 422, and expose readrate pacing (#847)

Co-authored-by: Timothy <timothy@noreply.gitea.tblindustries.be>

web/src/components/forms.tsx

@@ -114,8 +114,11 @@ export interface InputProps {
   style?: CSSProperties;
   // Native <input> passthroughs — added for numeric fields (e.g. the multi-collection weight input,
   // #404): min/max bound the stepper, inputMode hints the mobile keyboard, onBlur normalizes on commit.
+  // `step` matters for a decimal field: it defaults to 1, under which a fractional value fails the
+  // browser's own constraint validation (the FFmpeg pacing fields, #735).
   min?: number;
   max?: number;
+  step?: number;
   inputMode?: 'numeric' | 'decimal' | 'text';
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
   ariaLabel?: string;
@@ -136,6 +139,7 @@ export function Input({
   style,
   min,
   max,
+  step,
   inputMode,
   onBlur,
   ariaLabel
@@ -163,6 +167,7 @@ export function Input({
           disabled={disabled}
           min={min}
           max={max}
+          step={step}
           inputMode={inputMode}
           aria-label={ariaLabel}
         />