FE - Add Passkey flow (Add Passkey Page)

Figma

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

Context

• From the Accounts page, users select to add a passkey. This covers the dedicated add passkey page.
• See Figma Add Passkey Flows
• Dedicated Passkey add page. There are 2 pages
• Controller with render as part of def new controller action.
• Page version will be rendered depending on if passkey device has been selected yet

Implementation Plan

• Implement page as Vue app
• Clicking "Cancel" in the browser modal, makes the modal go away
• Clicking "Cancel" on the page, takes the user to the prior page (Either the Password Page or the Accounts Page)
• Unit Tests
• TODO, add details based on findings from Passkeys Spec
• TODO, flush out approach for how we keep track of cancel return page.

TODO

• Determine if we will implement partly in Vue (2 page state) or as HAMl
• Define the the full URL format/route. (example: /passkeys/new)

Backend Considerations

• For now, backend can implement the bootstrapping/scaffolding (create empty controller, create rails routes, and stub out HAML template)
• Coordinate the order in which the work is done.