Password error overrides choosen password

[spaenleh]

When password is not strong enough, the error from the db overrides the first password input field, it does not show to the user since these fields are of type="password" by default.

Solution: use the error prop to display the error from the api

Optional enhancement: allow to toggle the visibility of the input using:

<OutlinedInput
  id="outlined-adornment-password"
  type={showPassword ? 'text' : 'password'}
  endAdornment={
    <InputAdornment position="end">
      <IconButton
        aria-label="toggle password visibility"
        onClick={handleClickShowPassword}
        onMouseDown={handleMouseDownPassword}
        edge="end"
      >
        {showPassword ? <VisibilityOff /> : <Visibility />}
      </IconButton>
    </InputAdornment>
  }
  label="Password"
/>

from the MUI TextField examples