Password screen UI improvements: New open website & show password buttons

[amddg44]

Task/Issue URL: https://app.asana.com/0/1200930669568058/1206365535975347/f
Tech Design URL:
CC:

Description:
Adds small UI improvements to the Passwords screen including:

• New website link button to open websites with a single tap (globe icon)
• New password visibility toggle button to show / hide passwords with a single tap
• Hidden password character count limit reduced from 40 to 22 so that the hidden version of the password displays as a single line

Steps to test this PR:

1. Go to Passwords screen and access a saved credential with a saved username, password and website
2. Tap the eye icon button next to the password and confirm the password is unmasked and the eye icon updates to one with a line through it
3. Tap the updated eye icon button again and confirm the password is masked again
4. Tap the copy button and confirm it still copies the password to clipboard
5. Tap the password row and confirm the menu options to "Show Password" and "Copy Password" still present as before
6. Modify the saved password to be so long that its text will wrap when done editing.
7. Confirm that the masked password displays as a single line and doesn't wrap, but does wrap to multi-line when unmasked
8. Tap the globe icon next to the website and confirm that you are taken to a new tab and that that website loads (note: website must be a valid url for this to trigger)
9. Tap the website row and confirm the menu options to "Copy Website URL" and "Open Website" still present as before

Copy Testing:

• Use of correct apostrophes in new copy, ie ’ rather than '

Orientation Testing:

• Portrait
• Landscape

Device Testing:

• iPhone SE (1st Gen)
• iPhone 8
• iPhone X
• iPhone 14 Pro
• iPad

OS Testing:

• iOS 14
• iOS 15
• iOS 16

Theme Testing:

• Light theme
• Dark theme

---

Internal references:

Software Engineering Expectations
Technical Design Template

[aataraxiaa]

Tested and looks great 👍🏼