feat(suite-native): new device switcher

[vytick]

Update wallet switcher visual to show view only devices correctly

• Generic device icon changed to model-specific
• Show current device connection state
• Show/hide device selector on button tap
• Show all devices including connection state (view only)
• Make device selector slide out/in animated
• Show all wallets for current device
• Hide Open passphrase button behind feature flag and make it disabled during discovery
• New connected state for View only settings harmonised with new design
• New visual for current device/wallet when closed manager

These two tasks will be dealt with in following PR so this one is not even bigger

• Show wallet fiat amount
• Scrolling wallets to fit size

Related Issue

Part of #11892

Screenshots:

Simulator.Screen.Recording.-.iPhone.15.-.2024-05-07.at.22.15.43.mp4

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring: npm/[email protected]

View full report↗︎

Next steps

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

[vytick]

@SocketSecurity ignore-all

[juriczech]

Mostly just nitpicks, but what seems strange is the need to type cast devices and optionality of some of the component props.

[PeKne]

.

[juriczech]

THANKS FOR RESOLVING ALL OF THE COMMENTS 🎉

Tested on emulator on android and works well with remember and passphrase as well.

Really nice animation, well done.

Next time, it would be better for review and development to split into smaller PR's but maybe it was unexpected to be this big 😮

[matejkriz]

RESOLVED
I just spotted missing padding below Connect another device button in case of multiple devices

[PeKne]

👏 Thanks for addressing my comments.

[vytick]

@matejkriz Good catch with layout glitch! fixed in a5016a6

[vytick]

/rebase

[github-actions]

Start rebasing: https://github.com/trezor/trezor-suite/actions/runs/9097132563