[UI - dApps Connection] Create `Connection request` view that will be part of `Connect a dApp` dialog

[noeliaSD]

Design

• [x] Base view components:

  • Implemented using layer.effect: OpacityMask { maskSource: Rectangle
  • Image + badge image: Maybe it needs a new SQ component for that Image fetched:
  • Low priority
  • [ ] The wallet-connect sub-icon

• [x] Deafult image if data not fetched:

• [ ] Subtitle + link icon --> all these are must be clickable, not only the icon

• [ ] Section with AccountsSelectorcomponent. Use the one build in here

  • Using SendModal's header account chooser for the intial implementation

• [ ] If dApp is already connected select that account

• [ ] Section with NetworkFilter component. Use the one build in here

  • Using the normal network selector for the initial implementation with disabled option for choosing networks

• [x] Connect transition:

  • New tag with the status of the connection (Success or failed) + animation for 2 seconds on the color of the tag

  • Some texts changed to reflect the new status

  • Footer buttons changed according to new status

    • Decline / Close if connected
    • Close if error

• [x] Decline transition: It raises an ephemeral notification

• [ ] What description and icons to use for the app? See metadata parameter in Web3Wallet.init call

  • Started discussion here: https://discord.com/channels/1210237582470807632/1217175655729467492/1242744084964179990

[noeliaSD]

Depends on:

• https://github.com/status-im/status-desktop/issues/14691
• https://github.com/status-im/status-desktop/issues/14692