feat: adds useChainId hook to all other UI components

[andreahaku]

Description

Adds support for useChainId hook to all the others UI components

Related issues

Fixes: https://github.com/orgs/MetaMask/projects/85/views/2?pane=issue&itemId=82943990

Related PRs

• feat: initial setup for not globally selected chain ID (useChainId hook) #11753
• feat: adds useChainId to more token/nft components #11781
• feat: adds useChainId to components hooks #11811
• feat: adds useChainId components views #11813
• feat: adds useChainId hook to all other UI components #11837 (this one)

Manual testing steps

1. Go to this page...

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]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 5415e6a
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/7662e49a-5128-4445-9333-daa12f0d7ea1

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

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud