fix: correct email validation messages and add sign-up email format check (Fixes #14)

Author: FleetAdmiralJakob

localization/en.json

@@ -55,7 +55,7 @@
   "accountCreationFailed": "Failed to create account",
   "resetLanguage": "Reset to Device Language",
   "invalidEmail": "Please enter a valid email address",
-  "emailRequired": "Please enter a valid email address",
+  "emailRequired": "Email is required",
   "firstNameRequired": "First name is required",
   "lastNameRequired": "Last name is required",
   "passwordRequired": "Password is required",
@@ -65,7 +65,6 @@
   "unknownError": "Unknown Error occurred",
   "appName": "Finance.io",
   "bankNamePlaceholder": "Revolut",
-
   "enterField": "Enter {{field}}",
   "fieldRequired": "{{field}} is required",
   "fieldTooShort": "{{field}} must be at least {{min}} characters",

src/app/(auth)/sign-up.tsx

@@ -69,6 +69,7 @@ export default function SignUpScreen() {
     if (!firstname) newErrors.firstname = t("firstNameRequired");
     if (!lastname) newErrors.lastname = t("lastNameRequired");
     if (!email) newErrors.email = t("emailRequired");
+    else if (!/\S+@\S+\.\S+/.test(email)) newErrors.email = t("invalidEmail");
     // Removed phone number validation
     if (!password) newErrors.password = t("passwordRequired");
     setErrors(newErrors);
@@ -284,7 +285,7 @@ export default function SignUpScreen() {
               accessibilityRole="link"
             >
               <AppText className="pt-2.5 text-center text-text dark:text-dark-text">
-                {t("alreadyHaveAccount")}{" "}
+                {t("alreadyHaveAccount")} {""}
                 <AppText className="font-bold underline">{t("signIn")}</AppText>
                 <AppText>🥳</AppText>
               </AppText>