[PM-2135] feat: allow user verification to show invalid password error

apps/web/src/app/components/user-verification/user-verification-prompt.component.html

@@ -3,7 +3,10 @@
     <span bitDialogTitle>{{ modalTitle | i18n }}</span>
     <ng-container bitDialogContent>
       <p bitTypography="body1">{{ confirmDescription | i18n }}</p>
-      <app-user-verification formControlName="secret"> </app-user-verification>
+      <app-user-verification
+        [(invalidSecret)]="invalidSecret"
+        formControlName="secret"
+      ></app-user-verification>
     </ng-container>
     <ng-container bitDialogFooter>
       <button type="submit" bitButton bitFormButton buttonType="primary">Save</button>

apps/web/src/app/components/user-verification/user-verification-prompt.component.ts

@@ -8,7 +8,6 @@ import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
 import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
 import { UserVerificationService } from "@bitwarden/common/abstractions/userVerification/userVerification.service.abstraction";
 
-
 import { DialogServiceAbstraction } from "../../../../../../libs/angular/src/services/dialog";
 
 export interface UserVerificationPromptParams {

apps/web/src/locales/en/messages.json

@@ -2658,6 +2658,12 @@
   "failedLogin2fa": {
     "message": "Login attempt failed with incorrect two-step login."
   },
+  "incorrectPassword": {
+    "message": "Incorrect password"
+  },
+  "incorrectCode": {
+    "message": "Incorrect code"
+  },
   "exportedVault": {
     "message": "Vault exported"
   },