PhoneInput behaves different on for every browser

[Roohn]

Problem description

The phone input component behaves different on every browser. This is because the type=number prop on the input is implemented differently.

Steps to reproduce

• On chrome you can't put in anything except number.
• On firefox / safari you can fill in everything but the value of the input will be empty (' ').

Expected behaviour

Investigate if we want to have some consistent way of handling number inputs by making our own validation/input constraints.

Additional context

Original issue https://github.com/TicketSwap/sirius/issues/4934