My Jetpack: Implement first approach for global notice

[retrofox]

This PR implement the first approach to deal with global notice. For this purpose:

• Add global notice to redux store
• Add custom hooks
• Connect primary component to show errors in the UI

Changes proposed in this Pull Request:

• My Jetpack: Implement first approach for global notice

Jetpack product discussion

• My Jetpack Implement first approach for global notice

Does this pull request change what data or activity we track or use?

No

Testing instructions:

Dispatching actions:

• Go to My Jetpack dashboard
• Open the dev console
• Dispatch my-jetpack actions to show/clean global notice:

wp.data.dispatch( 'my-jetpack' ).setGlobalNotice( 'Testing an info notice', { status: 'info' } )

wp.data.dispatch( 'my-jetpack' ).setGlobalNotice( 'This is an error', { status: 'error' } )

Screen.Recording.2022-01-25.at.11.44.55.AM.mov

Disconnect the user
Once you disconnect the user, it should show a global error. It's handled by the useNoticeWatcher() hook.

[matticbot]

Caution: This PR has changes that must be merged to WordPress.com
Hello retrofox! These changes need to be synced to WordPress.com - If you 're an a11n, please commandeer and confirm D73708-code works as expected before merging this PR. Once this PR is merged, please commit the changes to WP.com. Thank you!
This revision will be updated with each commit to this PR

[github-actions]

Thank you for your PR!

When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:

• ✅ Include a description of your PR changes.
  
• ⚠️ All commits were linted before commit.
  
• ✅ Add a "[Status]" label (In Progress, Needs Team Review, ...).
  
• ✅ Add testing instructions.
  
• ✅ Specify whether this PR includes any changes to data or privacy.
  
• ✅ Add changelog entries to affected projects
  

This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖

---

The e2e test report can be found here. Please note that it can take a few minutes after the e2e tests checks are complete for the report to be available.

---

Once your PR is ready for review, check one last time that all required checks (other than "Required review") appearing at the bottom of this PR are passing or skipped.
Then, add the "[Status] Needs Team review" label and ask someone from your team review the code.
Once you’ve done so, switch to the "[Status] Needs Review" label; someone from Jetpack Crew will then review this PR and merge it to be included in the next Jetpack release.

[oskosk]

Tests well!

[github-actions]

Great news! One last step: head over to your WordPress.com diff, D73708-code, and commit it.
Once you've done so, come back to this PR and add a comment with your changeset ID.

Thank you!

[retrofox]

Great news! One last step: head over to your WordPress.com diff, D73708-code, and commit it. Once you've done so, come back to this PR and add a comment with your changeset ID.

r238982-wpcom