Fix #1359: Updating U2f/WebAuthn modals to include site host

[jumde]

Fix #1359

Submitter Checklist:

• Submitted a ticket for my issue if one did not already exist.
• My patch or PR title has a standard commit message that looks like Fix #123: This fixes the shattered coffee cup! (or No Bug: <message> if no relevant ticket)
• Unit Tests are updated to cover new or changed functionality
• User-facing strings use NSLocalizableString()
• New files have MPL-2.0 license header.

Test Plan:

1. Navigate to https://demo.yubico.com/u2f
2. Complete the verification workflow and confirm that Insert Key, Enter PIN and Touch Key modals have site URL in the title.

Screenshots:

Reviewer Checklist:

• PR is linked to an issue via Zenhub.
• Issues are assigned to at least one epic.
• Issues include necessary QA labels:
  • QA/(Yes|No)
  • release-notes/(include|exclude)
  • bug / enhancement
• Necessary security reviews have taken place.
• Adequate test coverage exists to prevent regressions.
• Adequate test plan exists for QA to validate (if applicable)

[karenkliu]

Hi @jumde, thanks for your update. Please see my design feedback below (some minor revisions requested):

[iccub]

@karenkliu thanks for the feedback.

Regarding all these small font/spacing changes, we use a general purpose framework for these yubikey screens, which mean if we change for example spacing between title and image, it will affect all popups in our application.

Same for changing font weight, although this is easier to be modified only for these screens.

For the PIN verification image, could you provide us an image with extra empty bottom padding? So we will have to change nothing on our side, just replace the image

ccing @jamesmudgett as he's worked on the general purpose popup implementation on iOS

[karenkliu]

Hi @iccub - here is the updated image for the PIN screen. Thanks for making these updates!
PNG.zip