FE- Add Passkey flow (Password Page)

Figma

https://www.figma.com/design/h8xsQafKqKr205RSsJU5Wk/Passkeys?node-id=3072-16278&t=zrEbr0J6zqgtojSC-1

Context

• From the Password page, user is encouraged to navigate to the add passkey page.
• See Figma Password Page Flows

Show passkey banner. Two states:

• Passkey doesn't exist
• Passkey exists

Implementation Plan

• Add banner logic
• Link to 2FA page
• Add unit tests

Backend Considerations

• In the Passwords controller action we need to add the passkey context by surfacing if at least 1 passkey exists or if passkey exists or not. Can be exposed via ruby variable, or rails view helper we can inject into HAML. Ideally a boolean.