chore: display swap networks based on chainRanking

[micaelae]

Description

Changelog

CHANGELOG entry:

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[metamaskbot]

✨ Files requiring CODEOWNER review ✨

👨‍🔧 @MetaMask/core-extension-ux (2 files, +6 -3)

• 📁 ui/
  • 📁 components/
    • 📁 multichain/
      • 📁 asset-picker-amount/
        • 📁 asset-picker-modal/
          • 📁 hooks/
            • 📄 useAssetMetadata.ts +3 -3
      • 📁 network-list-item/
        • 📄 network-list-item.tsx +3 -0

---

🔄 @MetaMask/swaps-engineers (24 files, +1027 -749)

• 📁 ui/
  • 📁 ducks/
    • 📁 bridge/
      • 📄 actions.ts +86 -88
      • 📄 bridge.ts +18 -83
      • 📄 selectors.ts +203 -186
      • 📄 types.ts +8 -5
      • 📄 utils.ts +3 -21
  • 📁 hooks/
    • 📁 bridge/
      • 📄 useBridgeExchangeRates.ts +2 -3
      • 📄 useBridgeQueryParams.ts +17 -26
      • 📄 useBridging.ts +6 -13
      • 📄 useIsTxSubmittable.ts +2 -3
      • 📄 useSmartSlippage.ts +12 -26
      • 📄 useTokensWithFiltering.ts +2 -1
  • 📁 pages/
    • 📁 bridge/
      • 📁 hooks/
        • 📄 useTokenList.ts +3 -0
      • 📁 layout/
        • 📄 row.tsx +1 -1
      • 📁 prepare/
        • 📁 components/
          • 📄 asset-list.tsx +53 -0
          • 📄 asset-picker-button.tsx +79 -0
          • 📄 asset-picker-network-popover.tsx +104 -0
          • 📄 asset-picker.tsx +176 -0
          • 📄 asset.tsx +126 -0
          • 📄 bridge-asset-picker-button.tsx +0 -96
          • 📄 index.scss +13 -0
          • 📄 bridge-input-group.tsx +48 -67
          • 📄 prepare-bridge-page.tsx +53 -116
      • 📁 quotes/
        • 📄 bridge-quotes-modal.tsx +3 -3
      • 📁 utils/
        • 📄 quote.ts +9 -11