SubConect - Improve UI

[haiyenvu23]

Describe the task
Improve UI/Responsive for SubConnect
Link doc : https://www.notion.so/subwallet/Other-notes-5968b0d4f34349f8963167001315214a
Link design : https://www.figma.com/file/2nYhrm0rlJtfJoMwrT51Ep/SubWallet-Apps?type=design&node-id=4833-129911&mode=dev
To reproduce the bug

• Error message switch to network when connect Ledger Live by WalletConnect

• Remove button Request permissions when connect with WalletConnect EVM
  

• When the successful transaction message is displayed, the popup Transaction must be closed
  

• UI bug
  

• Error popup automatically appears
  

• Update Scan QR code screen
  

• Update border style on View connection screen and logo wallet on Select account screen
  

• Can not display Connecting screen when change screen size
  

• Message popup displays for a long time

• Connection successful screen closes slowly
  Expect : Connection successful screen closes quickly

• Must be separated from the margin on Firefox, Chrome, Brave
  

• Title is wrong on Firefox, Chrome, Brave

• Error display Scan QRcode screen on Firefox, Chrome, Brave
  

• Remove scroll bar on Firefox
  

• Ui bug on Firefox
  

[haiyenvu23]

Link demo : https://w3o-demo.subwallet.app/

• There needs to be some distance from the margin

• Missing letters on popup message

• Synchronize the color of the popup when perform Transaction

Expect : For more prominent colors

• Popup display long time

• Button Scan account is resized after clicking
  

• Remove Request permission when connect with Ledger EVM

• Can not scroll when changing screen size on list wallet screen

• Improve UI for Scan QR code screen

[haiyenvu23]

Version test : https://w3o-demo.subwallet.app/

• Remove Connection successful screen
  

• Make the letters line up
  

• UI bug

• Update context when changing size screen