Adding phone number mask in login screen

src/app/screens/LoginScreen.js

@@ -19,6 +19,7 @@ import { TouchableNativeFeedback } from "react-native-gesture-handler";
 import { login, userPersonalData } from "../api/auth";
 import PasswordFormField from "../components/forms/PasswordFormField";
 import ConfirmationModal from "../components/ConfirmationModal";
+import PhoneNumberFormField from "../components/forms/PhoneNumberFormField";
 
 const phoneRegex = RegExp(
   /^\(?[\(]?([0-9]{2})?\)?[)\b]?([0-9]{4,5})[-. ]?([0-9]{4})$/
@@ -137,10 +138,9 @@ export default function LoginScreen(props) {
           </View>
 
           <View style={{ paddingBottom: 24 }}>
-            <FormField
-              maxLength={12}
+            <PhoneNumberFormField
               name="name"
-              keyboardType="numeric"
+              maxLength={11}
               placeholder="(DD) XXXXX-XXXX"
             />
           </View>