feat: add notifications UI components to be used by Views

[Jonathansoufer]

Description

This PR implements the UI pieces (components) that will serve as base layer for Notification's Views/Screen. At this stage, although we're dealing with UI, there's no UI change sort of saying because the components aren't in use by any screen. The screen and final piece of this "break down" effort of PRs will bring all pieces together.

Main PR and visual final result can be seen here

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 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: 64af80f
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/aa182c17-dba2-4c5b-8c93-4b4420985807

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

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 38.65031% with 100 lines in your changes missing coverage. Please review.

Project coverage is 49.74%. Comparing base (4b9f31c) to head (64af80f).
Report is 27 commits behind head on main.

Files	Patch %	Lines
app/components/UI/Notification/List/index.tsx	10.86%	40 Missing and 1 partial ⚠️
...ents/UI/Notification/NotificationMenuItem/Root.tsx	46.42%	14 Missing and 1 partial ⚠️
...ents/UI/Notification/SwitchLoadingModal/Loader.tsx	0.00%	11 Missing ⚠️
...yncing/ProfileSyncingModal/ProfileSyncingModal.tsx	62.50%	7 Missing and 2 partials ⚠️
...fication/SwitchLoadingModal/SwitchLoadingModal.tsx	0.00%	7 Missing ⚠️
...ents/UI/Notification/NotificationMenuItem/Icon.tsx	53.84%	3 Missing and 3 partials ⚠️
app/util/notifications/methods/common.ts	16.66%	5 Missing ⚠️
...UI/Notification/SwitchLoadingModal/LoaderModal.tsx	0.00%	4 Missing ⚠️
...pp/components/UI/ProfileSyncing/ProfileSyncing.tsx	84.61%	1 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #10363      +/-   ##
==========================================
- Coverage   49.78%   49.74%   -0.05%     
==========================================
  Files        1437     1476      +39     
  Lines       34762    35535     +773     
  Branches     3921     4056     +135     
==========================================
+ Hits        17307    17676     +369     
- Misses      16354    16739     +385     
- Partials     1101     1120      +19     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tommasini]

@Jonathansoufer it's seems a lot e2e are failing, can you see what is happening?

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: bec53e0
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/9efd99cb-82c7-4bb4-87f1-3eb06330a172

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

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 6dff4f8
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/6b241995-311c-41c3-bdb6-e280fbe5f1ac

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

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

Measures
0 Security Hotspots
37.4% Coverage on New Code
3.6% Duplication on New Code

See analysis details on SonarCloud

[tommasini]

LGTM!