message: feat(frontend): (flyby fix) closes
diff: <v-row dense>
  <v-col cols="12">
  <v-text-field
  + id="email"
  v-model="form.email"
  label="your email"
  :rules="validation.emailRules"
  filled
  single-line
  prepend-icon="mdi-email"
  - id="email"
  name="email"
  type="email"
  autocomplete="username"
  </v-col>
  <v-col cols="12" sm="6">
  <v-text-field
  + id="new-password"
  v-model="form.password"
  label="password"
  type="password"
  autocomplete="new-password"
  - id="new-password"
  :rules="validation.passwordRules"
  filled
  single-line
  </v-col>
  <v-col cols="12" sm="6">
  <v-text-field
  + id="confirm-password"
  v-model="form.passwordConf"
  label="confirm password"
  type="password"
  autocomplete="new-password"
  - id="confirm-password"
  :rules="validation.passwordRules"
  filled
  single-line
  height="5"
  class="mt-1 mb-0"
  :color="`${
  - passwordStrength >= 75 ? 'green' : passwordStrength >= 50 ? 'orange' : 'red'
  + passwordStrength >= 75 && this.form.password === this.form.passwordConf
  + ? 'green'
  + : passwordStrength >= 50 && this.form.password === this.form.passwordConf
  + ? 'orange'
  + : 'red'
  }`"
  ></v-progress-linear>
  </v-col>
  {{
  this.pwdSuggestions
  ? this.pwdSuggestions
  - : this.form.password
  + : this.form.password && this.form.password === this.form.passwordConf
  ? 'Looks good.'
  : null
  }}
  