Improve form validation

[marvinruder]

• Use checkValidity()
• Show error messages in helper text with onInvalid callback
• Use number input type and override default browser styling
• Replace event target value modifiers with validation constraints
• Remove onMouseOver callbacks

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
✅ +0.00% (target: +0.00%)	✅ 100.00% (target: 100.00%)

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (c49b15f)	10849	10849	100.00%
Head commit (6aafbcc)	10850 (+1)	10850 (+1)	100.00% (+0.00%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#1304)	2	2	100.00%

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences

_{Codacy will stop sending the deprecated coverage status from June 5th, 2024. Learn more}