LG-12080: Error Messages for Facematch Fail

[charleyf]

🎫 Ticket

https://cm-jira.usa.gov/browse/LG-12080

🛠 Summary of changes

This ticket adds the error messaging for when:

• The selfie liveness and quality pass.
• The selfie does not match the image on the ID.

📜 Testing Plan

Provide a checklist of steps to confirm the changes. YAML files are here.

• Click a magic link like this one to get to the IDP app with selfie enabled. Alternately, use the SAML/OIDC test apps.
• Create an account, and get to the front/back/selfie upload page.
• Upload the test_selfie_with_face_match_fail.yml file in all three (front/back/selfie) fields.
• "Submit" the page and look at the next page. It should match the figma and screenshots (below).
• Click "Try again online" and note that the next screen matches the figma and screenshots.
• Repeat these steps with the test_selfie_with_no_liveness.yml file. You should see different results, but they should be the same on main and this branch.

👀 Screenshots

If relevant, include a screenshot or screen capture of the changes.

Failure page after changes

Retry page after changes

[eileen-nava]

I left some comments.

[eileen-nava]

Approved.

[eileen-nava]

I tested with the no liveness yml and it worked! See below for screenshots.

Failure Page:

Failure Page (scrolled down to shown the IPP prompt):

Retry Page: