feat: country selection, add birthdate and add error messages for textfields

src/features/authentication/components/EmailSection.tsx

@@ -72,6 +72,7 @@ export function EmailSection({
                 variant="outlined"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
+                error={!correctEmail}
                 sx={{
                   width: !isVerifyingCode && !emailVerified ? '446px' : '634px',
                   transition: 'width 0.3s',
@@ -111,17 +112,25 @@ export function EmailSection({
                   },
                 }}
               />
+              {email && (
+                <Typography
+                  sx={{ color: correctEmail ? 'green' : 'red' }}
+                  variant="caption"
+                >
+                  {correctEmail ? '' : t('completion.emailCorrectForm')}
+                </Typography>
+              )}
             </Box>
             {!isVerifyingCode && !emailVerified && (
               <Button
                 variant="text"
                 onClick={handleSendCode}
                 sx={{ width: '156px' }}
-                disabled={
-                  buttonState === 'sent' ||
-                  buttonState === 'counting' ||
-                  !correctEmail
-                }
+                // disabled={
+                //   buttonState === 'sent' ||
+                //   buttonState === 'counting' ||
+                //   !correctEmail
+                // }
               >
                 {getButtonLabel()}
               </Button>