Network Switcher Implementations

[walmat]

Fixes APP-2341, APP-2342, APP-2343, APP-2344, APP-2345, APP-2346

What changed (plus any additional context for devs)

With our growing list of networks, we need to enable scrolling on the network switcher to prevent the sheet from overflowing off the top of the screen.

Swaps now will utilize the new NetworkSwitcher route to change output / input token lists. The token to sell list is filtered down show networks that the user has tokens on. Output is sorted by balance. This is the same functionality as we had before in the dropdown menus.

Adds a variant of NetworkSwitcher to the WalletConnectApprovalSheet. We needed to add the following functionality (or rather remove?)

• the ability to select a network
• we don't want to show which network was selected because technically it's all the networks
• We also want to fill the amount of space in the pinnedNetworks section as possible
• Due to the adjustment of the pinned networks, we needed to also not persist those pinned networks on sheet close

Added NetworkSelectorButton component to provide a reusable way to launch into a NetworkSelector route. I also cleaned up a little bit of the file system by moving the NetworkSelector to the screens folder since it's a route.

Biggest most notable change which is what the ticket is for, is introducing actionButton prop into the NetworkSelector route. It provides overrides to turn the All Networks masthead button into a configurable action button as shown in the below screen recording.

Adds the Network Selector component to the preferred network selection.

Claimables customization network selector now uses the new network selector.

Screen recordings / screenshots

See individual PRs:

#6454
#6455
#6456
#6457
#6458
#6459

What to test

All locations should behave as expected

[linear]

APP-2341 Support scrolling within Network Switcher sheet

APP-2342 Support configurable icon/label for the masthead button within Network Switcher component

APP-2343 Update Swaps to use new Network Switcher

APP-2344 Update WalletConnectApprovalSheet to use new Network Switcher

APP-2345 Update Claimables to use new Network Switcher

APP-2346 Update Swap Settings to use new Network Switcher

[ibrahimtaveras00]

Looks good on both OS's, QA passed 👍🏽

[brunobar79]

Launch in simulator or device for 6659af6

[maxbbb]

Great stuff, huge UX improvement. Only one small thing that's definitely not blocking is there should be some padding in the expanded state at the bottom so that the last line of networks clear the gradient when scrolled to the very bottom. Also insetting the scroll indicators by the same amount.

[brunobar79]

Launch in simulator or device for 1818a0e