message: Left align terms of use checkbox
diff: @@ -97,9 +97,13 @@ export default function GeneralInfo({ formik }: GeneralInfoProps) {
  onChange={formik.handleChange}
  />
  </Grid>
  - <Grid container direction="column" alignItems="flex-end">
  + <Grid item xs={12} sm={6}>
  + <Grid container direction="column" alignItems="flex-start">
  <Grid item xs={12}>
  - <FormControl required error={!!formik.errors.terms} component="fieldset">
  + <FormControl
  + required
  + error={Boolean(formik.errors.terms) && Boolean(formik.touched.terms)}
  + component="fieldset">
  <FormControlLabel
  control={
  <Checkbox
  @@ -111,12 +115,11 @@ export default function GeneralInfo({ formik }: GeneralInfoProps) {
  }
  label={t('common:support-form.steps.info.terms')}
  />
  - </FormControl>
  - {formik.errors.terms ? (
  - <FormHelperText error={true}>{t('common:support-form.termsHelperText')}</FormHelperText>
  - ) : (
  - ''
  + {Boolean(formik.errors.terms) && Boolean(formik.touched.terms) && (
  + <FormHelperText error>{translateError(formik.errors.terms, t)}</FormHelperText>
  )}
  + </FormControl>
  + </Grid>
  </Grid>
  </Grid>
  </Grid>
  