Avivash/91 add recovery kit

[avivash]

Description

• Add recovery kit download to account settings page
• Update registration form UI
• Add recovery kit upload flow
• I've also added the UI for when a user doesn't have a recovery kit, but it's commented out because we need to discuss how we want that flow to work. It may make more sense for me to move that into its own branch I ended up moving the no recovery kit code to its own branch)

Note: now that the recovery kit flow has been implemented in this app. I think a good fast-follow issue could be to add some of that could to webnative directly, as per Steven's suggestion 👍🏼

Link to issue

https://github.com/webnative-examples/webnative-app-template/issues/91

Type of change

• [x] New feature (non-breaking change that adds functionality)
• [x] Refactor (non-breaking change that updates existing functionality)

Screenshots/Screencaps

Recovery kit download -> upload flow(happy path): https://www.loom.com/share/0b123537214449259a2046e8204b6c61

Recovery kit upload error state:

No recovery kit UI:

New registration form UI: https://www.loom.com/share/3c31733a8ad541fa8affccc37ad5e8e2

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
webnative-app-template	✅ Ready (Inspect)	Visit Preview	Dec 16, 2022 at 9:24PM (UTC)
webnative-template	❌ Failed (Inspect)		Dec 16, 2022 at 9:24PM (UTC)

[cloudflare-workers-and-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	d1db936
Status:	✅  Deploy successful!
Preview URL:	https://78eaae22.webnative-template.pages.dev
Branch Preview URL:	https://avivash-91-add-recovery-kit.webnative-template.pages.dev

View logs

[avivash]

It seems i'm not a member of the fission-codes vercel org, so I can't see the deploy logs to isolate the error that's happening. I need to verify my account with my phone number, so I'm planning on turning my roaming back on tomorrow so I can use my phone down here because I need to do a couple different things with it, but am trying to limit the amount of times I have to pay $15 per day 😅

Any chance anyone else can screenshot the error and send it to me in the meantime, please?

[avivash]

Also, keep in mind my internet connection is quite slow, so I think the loading times will be faster than what those loom videos show 🙈

[avivash]

the vercel gods have been appeased 🙇🏼

[avivash]

@bgins I've updated the HasRecoveryKit flow to create a new user now and device linking seems to be working smoothly post-recovery 🎉