chore: updated homepage filters

[brianacnguyen]

Description

This PR updated the homepage filter style according to redesign
https://www.figma.com/design/9e6RSJCvezaLqDQ3mtE5wB/MaWaSB?node-id=2976-108994&t=oqnsl4W6lJxFrvYq-0

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/5242

Manual testing steps

1. Go to wallet

Screenshots/Recordings

Before

After

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2025-07-09.at.11.27.59.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.

[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.

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 72de0f8
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/682b8dd9-9a89-44f6-be59-435e4f2bea9e

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[amandaye0h]

@brianacnguyen Looks like the filter isn't picking up the design system fonts — here, it seems like the fallback font is used. Can you make sure the correct fonts apply?

[brianacnguyen]

@brianacnguyen Looks like the filter isn't picking up the design system fonts — here, it seems like the fallback font is used. Can you make sure the correct fonts apply?

Good catch. Let me update

[amandaye0h]

Looking good! TYSM 🥳

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud