refactor: ramp payment modal bottom sheet

[georgeweiler]

Description

This PR refactors the ramp payment selector modal to use the bottom sheet pattern which will remove the flashy UI that existed previously.

Changelog

CHANGELOG entry: changed ramp payment method selector modal to a bottom sheet

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

ScreenRecording_09-30-2025.22-13-29_1.MP4

After

ScreenRecording_09-30-2025.22-11-36_1.MP4

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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.

---

Note

Replaces in-view PaymentMethodModal with a navigated bottom-sheet PaymentMethodSelectorModal and updates BuildQuote, routes, and tests accordingly.

• UI/Flow (Ramp):
  • Replace PaymentMethodModal with bottom-sheet PaymentMethodSelectorModal.
  • In BuildQuote, payment method "Change" now navigates to RampModals/RampPaymentMethodSelectorModal via createPaymentMethodSelectorModalNavigationDetails.
  • Remove local modal state/handlers; add handleShowPaymentMethodsModal navigation.
• Navigation:
  • Add Routes.RAMP.MODALS.PAYMENT_METHOD_SELECTOR and register in RampModalsRoutes.
• Components:
  • Add components/PaymentMethodSelectorModal (styles, index, tests, snapshots).
  • Delete legacy components/PaymentMethodModal.tsx.
• Tests:
  • Update BuildQuote.test.tsx to expect navigation to selector modal instead of direct selection.
  • Add unit tests and snapshots for PaymentMethodSelectorModal, including analytics on selection.

^{Written by Cursor Bugbot for commit 8ad1e90. This will update automatically on new commits. Configure here.}

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
95.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[amitabh94]

Would be good to add the following :

• Related Issue in the PR description so that it serves as the reference for the issue when planning in the future
• Adding manual steps for Testing so that QA/release team or others who have no context are easily able to test
• Completing the Pre merge checklist to make sure that you are not missing anything when submitting the PR up for review

Couple of other PR's for reference to maintain the quality :

#18547
#16924