GREG-113: Setting date of birth to be required

frontend/src/routes/guest/register/registerPage.tsx

@@ -228,7 +228,7 @@ const GuestRegisterStep = forwardRef(
                 name="dateOfBirth"
                 control={control}
                 rules={{
-                  required: true,
+                  required: t<string>('validation.dateOfBirthRequired'),
                 }}
                 render={({ field }) => (
                   <DatePicker
@@ -246,6 +246,11 @@ const GuestRegisterStep = forwardRef(
                   />
                 )}
               />
+              {errors.dateOfBirth && (
+                <Typography color="error">
+                  {errors.dateOfBirth.message}
+                </Typography>
+              )}
 
               <TextField
                 id="email"
@@ -332,16 +337,15 @@ const GuestRegisterStep = forwardRef(
                 <Controller
                   name="mobilePhone"
                   control={control}
-                  defaultValue=""
                   rules={{
                     required: true,
                   }}
-                  render={({ field: { value } }) => (
+                  render={({ field }) => (
                     <TextField
                       sx={{ flexGrow: 2 }}
                       label={t('input.mobilePhone')}
                       error={!!errors.mobilePhone}
-                      value={value}
+                      value={field.value === undefined ? null : field.value}
                       helperText={
                         errors.mobilePhone && errors.mobilePhone.message
                       }