feat: add carousel component

[jonybur]

Description

This PR introduces a new carousel component for displaying banners in the wallet view. The implementation includes:

1. A new reusable Carousel component with TypeScript support
2. Integration of the carousel in the wallet view to display promotional banners
3. Banner state persistence through Redux
4. New banner images and localized content

The main motivation is to provide a better way to showcase important announcements and features to users directly in their wallet view, improving user engagement and communication.

Related issues

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

Manual testing steps

1. Open the MetaMask Mobile app
2. Navigate to the wallet view
3. Verify the carousel is displayed at the top of the screen
4. Swipe left/right to navigate through different banners
5. Close the app and reopen to verify banner state persistence
6. Verify proper banner display across different device sizes

Screenshots/Recordings

Before

After

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: 3fafda1
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/32d1a3cf-1163-4ee8-95a7-126f60634df6

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 4943892
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/eef2f63c-4045-417d-be19-8858f140dc0a

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: c6c7e82
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/33017209-65b6-4f9a-9ad8-9b4ff3f59002

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 7de8989
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/037d097b-94b4-4c3a-bfcc-d6aa92603359

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 12b1daa
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/df564972-365d-4086-9c30-1f384257e388

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 991161c
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/9c8eaedb-d554-4044-8e42-6d4576ed3558

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

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: c2ccfe3
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/1caf421d-de65-4137-ac1d-b5547fe03685

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

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud