Extension - Improve UI after Bitcoin integration

[haiyenvu23]

Describe the bug

• Handle synchronized display of avatars for accounts on screens
  Actual:
  

  

• Confirm address type used on UI
  Expect: https://www.notion.so/subwallet/SubWallet-Research-UX-UI-cho-vi-c-hi-n-th-c-c-lo-i-a-ch-c-a-Bitcoin-1eae05c5b9fb80269ea2de7b2da56726?pvs=4#1ece05c5b9fb80578da6c8fdec6ad0ce

• Update UI/UX on Receive address features
  Expect:

  • Add address type information in QR code: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=34108-259581&t=hQxfLEHcmi0sEdIQ-4
    =
  • Add 2 actions next and previous so that users can directly change the type of bitcoin address without having to go back out and select again: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=34108-259549&t=hQxfLEHcmi0sEdIQ-4

• Add additional type address to Bitcoin address
  Expect:

  • Design: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=33600-381793&t=hQxfLEHcmi0sEdIQ-4
  • Content: https://www.notion.so/subwallet/SubWallet-Research-UX-UI-cho-vi-c-hi-n-th-c-c-lo-i-a-ch-c-a-Bitcoin-1eae05c5b9fb80269ea2de7b2da56726?pvs=4#1ece05c5b9fb80578da6c8fdec6ad0ce

• Add system's tag for Account in "Derive account" tab on Account Details screen to clarify which system Solo account belongs to
  Expect: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=34108-261622&t=hQxfLEHcmi0sEdIQ-4

• Add for address type on Address book features
  Expect: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=34205-327429&t=S3u0hdjQzdvLcMpc-4

[haiyenvu23]

Version test: https://file.cdmteck.com/s/Zwb5pWm6ymj6NtZ

• Re-check padding for block on Account name field
  Actual:

  

  Expect:

  

• UI bug in case address not in wallet
  Actual:

  

  

  

  Expect:

  

• Update logo for Taproot address
  Actual:

  

  Expect: Show bitcoin logo

• Sort list address type ( mainnet and testnet)
  Actual:

  

  Expect: Sort in order: Native SegWit -> Taproot -> Legacy

• Update UX when get address bitcoin on list address screen
  Actual:

  

  

  Expect: Handle like UX get address of bifrost polkadot
  Note: show Native Segwit address next to network name

  

• Update content
  Actual:

  

  Expect: Remove the ending " BTC address"

• Update content for tooltip on button next/previous
  Actual:

  

  Expect: Don't show tooltip

[haiyenvu23]

Version test: https://file.cdmteck.com/s/BHPsFMSAD5BcGLW

• Sort list address type ( mainnet and testnet) on token details/select account/address book screen
  Actual:

  

  

  

  Expect: Sort in order: Native SegWit -> Taproot -> Legacy

• Update font-size for recent address
  Actual: Font-size = 12px

  

  

  Expect: Font-size = 14px

• Re-check margin
  Actual:

  

  Expect:

  

• UI bug on side panel mode
  Actual:

  

  

  Expect: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=34875-324573&t=Pv3YggEuga4pzfkY-4

• Update content for UX when get address bitcoin on list address screen
  Expect: https://www.notion.so/subwallet/SubWallet-Chu-n-h-a-content-khi-support-Bitcoin-ecosystem-1fce05c5b9fb805f9727c62215088063?pvs=4#201e05c5b9fb8080bdb3e686ecaf6ceb

[haiyenvu23]

Version test: https://file.cdmteck.com/s/AiL467TTanKzyQ8

• Update network name
  Actual:

  

  Expect: Display network name

• Re-check size for ecosystem icon (no changes needed; the current size is 16px)
  Actual:

  

  Expect:

  

• Re-check padding (already fixed; this was a previous bug.)
  Actual: 6px

  

  Expect: 4px

[haiyenvu23]

Version test: https://file.cdmteck.com/s/wMnPpxZHmKGYzn4
Validation passed in case:

• Install/Update version

• Synchronized display of avatars for accounts on some screens

  

• Update UI/UX on Receive address features(All account/Specific account mode)

  

  

• Add additional type address to Bitcoin address

  

  

• Add system's tag for Account in "Derive account" tab on Account Details screen to clarify which system Solo account belongs to

  

• Update UX when get address bitcoin on list address screen