Refresh the screens on the website with the latest designs

[GBKS]

They are pretty outdated at the moment. Let's do a re-export.

[GBKS]

I started this on Friday with the recovery phrase user flow and will try to tackle one flow per day over the next two weeks.

Pages/flows:

• [x] First use https://github.com/GBKS/bitcoinuikit.com/pull/6
• [x] Automatic cloud backup https://github.com/GBKS/bitcoinuikit.com/pull/7
• [x] Manual backup https://github.com/GBKS/bitcoinuikit.com/pull/5
• [ ] Multi-key wallet setup
• [ ] Wallet import
• [x] Send bitcoin https://github.com/GBKS/bitcoinuikit.com/pull/8
• [x] Request bitcoin https://github.com/GBKS/bitcoinuikit.com/pull/9
• [x] Home https://github.com/GBKS/bitcoinuikit.com/pull/10
• [x] Activity https://github.com/GBKS/bitcoinuikit.com/pull/12
• [x] Contacts https://github.com/GBKS/bitcoinuikit.com/pull/11
• [x] Settings https://github.com/GBKS/bitcoinuikit.com/pull/13
• [ ] Hardware wallet interaction
• [ ] Mixer
• [x] Various https://github.com/GBKS/bitcoinuikit.com/pull/14

I'm updating the checkboxes above as I go.

Things to look for:

• User flow documentation & design guide links
• Consistency with the design guide daily spending wallet reference design
• All text fields use styles
• Consistent use of components
• Clean up remote instances and outdated variants
• Gather ideas for use of variables

I also want to gather idea for further componentization - of screens. Currently, screens are not components. But, there are 5+ variations of the home screen spread throughout the document and keeping them in sync is a bit of a pain. This does not apply to all screens, just a few of them that have a lot of different states. Turning those into components with different content configurations might make sense.

Another thing I've been considering is a custom UI Kit plug-in with unique functionality. It could pull in the light/dark mode toggle, the custom export helper I already created, a helper for automatically detecting missing text styles and variables and applying them, a design guide viewer that pulls up relevant pages when you select screens, etc. I might try to create a proof-of-concept as I go through this process. Here is a loose first mock-up.