refactor: asset picker and token list generators

[micaelae]

Description

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/swaps-engineers (7 files, +253 -317)

• 📁 test/
  • 📁 e2e/
    • 📁 tests/
      • 📁 bridge/
        • 📄 bridge-positive-cases.spec.ts +17 -0
• 📁 ui/
  • 📁 hooks/
    • 📁 bridge/
      • 📄 useBridging.ts +0 -15
      • 📄 useTokensWithFiltering.ts +116 -128
  • 📁 pages/
    • 📁 bridge/
      • 📁 prepare/
        • 📄 bridge-input-group.tsx +55 -74
        • 📄 prepare-bridge-page.tsx +63 -77
      • 📁 quotes/
        • 📄 multichain-bridge-quote-card.tsx +0 -21
        • 📄 index.tsx +2 -2

---

🖥️ @MetaMask/wallet-ux (4 files, +216 -191)

• 📁 ui/
  • 📁 components/
    • 📁 multichain/
      • 📁 asset-picker-amount/
        • 📁 asset-picker/
          • 📄 asset-picker.tsx +25 -15
          • 📄 bridge-asset-picker-button.tsx +28 -6
        • 📁 asset-picker-modal/
          • 📄 asset-picker-modal.tsx +51 -170
          • 📄 utils.ts +112 -0

[metamaskbot]

❌ test-e2e-chrome-api-specs failed. View the html report here.