Sub-wallets: UX/UI improvements to "Friends & Family"

[stackingsaunter]

This epic slightly changes flow of creating sub-wallets in Alby Hub, improving on current flow.
Each screen contains some copy changes (sometimes subtle), so please follow those as well.

Figma link

General

• Friends & Family are renamed to Sub-wallets (reason: more neutral and fits more usecases like NGOs, businesses, etc)
• Sub-wallets are a position in the sidebar, with breadcrubms for sub-pages, etc

Sub-wallet page

When user enters the page for the first time, it's greeted by explainer how sub-wallets work, and a link to a guide. (link will change as it needs to be renamed)

For later entry of the page, user sees the list of active sub-wallets, with card elements that can be used in Connections page too:

The "Help" button shows the same explainer in a modal, so it's always accesible:

"Top Up" button opens a modal to top-up:

Create New Sub-wallet Flow

Name

Just copy changes:

Connect Sub-wallet

Mostly copy & layout changes here, however now there is "Next" button and it's not the end of the flow.
Alby Account displays "lightning address" badge

Top Up

Top Up is now a separate page in the flow.
With clicking "Finish Sub-wallet Setup" user goes back to the main Sub-wallet page with a list of current sub-wallets.

Choosing connections

Here are mostly slightly layout/copy changes:

Alby Go

Alby Account

Alby Extension

Other apps

Podcasting 2.0 apps

Future improvements

• Single sub-wallet connection page view (like app connections)

Needs more discussion / justification / user research

• Restricting the node to spend from subwallets in case it has low spending balance
• Substracting sub-wallet balance from Spending Balance / "Wallet" page
• Storing sub-wallets NWC secrets (encrypted by password) and allowing to resist them.

Assets

[jpl-btc]

Hey, one of the main usability issues that I encounter is that hub admins have their wallet connected to the main hub account. And when they start making sub-accounts, they feel weird to have the satoshis of the subaccount...on their own account. And many start making a sub-account for themselves, but then they have to start using another Alby web Account with another lightning address, wich was cumbersome to setup again. I can discuss this further, let me know.

[itstomekk]

Agree @jpl-btc this could be discussed!
PS @stackingsaunter would new flow change anything in this design?

[stackingsaunter]

@jpl-btc @itstomekk

This has technical complexities and we need to discuss with devs If we want to introduce it.
I totally agree and support this, but this was not part of this issue and we need to tackle it separately. I will be coming back to this topic after analysing survey results in more detail