chore: open ledger drawer styling & error handling

[0xApotheosis]

Description

• Style the LedgerOpenApp component to match the mocks in https://www.figma.com/file/VEKmwSuhnZVghkUl0VSvN2/Ledger-UX?type=design&node-id=789-420&mode=design&t=aQ5JKr0gg5tyPjyv-0
• Adds error toast when "Next" is clicked, but the correct app is not open

Pull Request Type

• [ ] :bug: Bug fix (Non-breaking Change: Fixes an issue)
• [ ] :hammer_and_wrench: Chore (Non-breaking Change: Doc updates, pkg upgrades, typos, etc..)
• [x] :nail_care: New Feature (Breaking/Non-breaking Change)

Issue (if applicable)

Closes https://github.com/shapeshift/web/issues/6720

Risk

High Risk PRs Require 2 approvals

Low - only style changes

What protocols, transaction types or contract interactions might be affected by this PR?

None

Testing

Ensure REACT_APP_FEATURE_ACCOUNT_MANAGEMENT and REACT_APP_FEATURE_ACCOUNT_MANAGEMENT_LEDGER feature flags are enabled.

1. Connect a Ledger
2. Click "Manage Accounts" from the wallet menu
3. Click "Add another chain"
4. Select a Ledger supported chain using the drawer
5. See the new styling
6. Click "Next" without opening the correct Ledger app and see the error toast

Engineering

☝️

Operations

☝️

Screenshots (if applicable)

[0xApotheosis]

gm @gomesalexandre, ty for the excellent review.

I've unified the EVM connections/UI to use the Ethereum app in https://github.com/shapeshift/web/pull/6790/commits/265120d4a467506fb2c45062770e6edb78d67e01

We still have the THORChain connection issue, which I suspect is caused by await this.transport.call(null, "getAppAndVersion") returning THORChain, whereas the slip key is written as Thorchain in HDWallet's slip44Table (I suspect incorrectly, as SLIP-0044 lists it as THORChain too).

This might require another HDWallet update to fix, which I'll look into tomorrow in a separate PR 🙏