Add mobile number validation
Description
It would be great if the mobile number in the profile settings would be validated that it must have a country code (like +49) so the number can be directly called from the store page etc.
Goal
Increase the possibility to call a mobile number directly instead of coping the number and placing it to the Telefone app.
Evidence
It would not change any existing numbers, but if a FS would change its settings, the number must be updated correctly or it will do for any new FS.
Solution
Implement phone number validation in the profile settings view, on the registration Form and on the change foodsharer page. Best would be replace these input fields by one InputMobileNumber vue component.
Don't validate the land-line input field, because it is used often misused for other information which will be displayed, eg on the store page. And I guess it is not required to validate this number because you can't call it directly from the store page?
An additional idea would be to display an information banner on the dashboard when the mobile number is not in the correct format, so that every foodsharer is forced to fix the format to get rid of this banner.
Links / references
https://foodsharing.de/?page=bezirk&bid=2296&sub=forum&tid=174097