Enhancement/9184 Refactor ZeroDataNotification design

[jimmymadon]

Summary

Addresses issue:

• 9184

Relevant technical choices

PR Author Checklist

• [x] My code is tested and passes existing unit tests.
• [x] My code has an appropriate set of unit tests which all pass.
• [x] My code is backward-compatible with WordPress 5.2 and PHP 7.4.
• [x] My code follows the WordPress coding standards.
• [x] My code has proper inline documentation.
• [x] I have added a QA Brief on the issue linked above.
• [x] I have signed the Contributor License Agreement (see https://cla.developers.google.com/).

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Code Reviewer Checklist

• [ ] Run the code.
• [ ] Ensure the acceptance criteria are satisfied.
• [ ] Reassess the implementation with the IB.
• [ ] Ensure no unrelated changes are included.
• [ ] Ensure CI checks pass.
• [ ] Check Storybook where applicable.
• [ ] Ensure there is a QA Brief.

Merge Reviewer Checklist

• [ ] Ensure the PR has the correct target branch.
• [ ] Double-check that the PR is okay to be merged.
• [ ] Ensure the corresponding issue has a ZenHub release assigned.
• [ ] Add a changelog message to the issue.

[github-actions[bot]]

Build files for eac16c6ff315817ac6a167aae88273d67f48b651 have been deleted.

[github-actions[bot]]

Size Change: -6.34 kB (-0.35%)

Total Size: 1.78 MB

Filename	Size	Change
./dist/assets/js/googlesitekit-activation-********************.js	23.8 kB	-33 B (-0.14%)
./dist/assets/js/googlesitekit-ad-blocking-recovery-********************.js	71 kB	+11 B (+0.02%)
./dist/assets/js/googlesitekit-adminbar-********************.js	34.5 kB	-54 B (-0.16%)
./dist/assets/js/googlesitekit-api-********************.js	9.99 kB	+37 B (+0.37%)
./dist/assets/js/googlesitekit-components-gm2-********************.js	5.97 kB	-1 B (-0.02%)
./dist/assets/js/googlesitekit-components-gm3-********************.js	10.1 kB	+1 B (+0.01%)
./dist/assets/js/googlesitekit-data-********************.js	2.36 kB	+1 B (+0.04%)
./dist/assets/js/googlesitekit-datastore-forms-********************.js	8.96 kB	+27 B (+0.3%)
./dist/assets/js/googlesitekit-datastore-location-********************.js	2.08 kB	+1 B (+0.05%)
./dist/assets/js/googlesitekit-datastore-site-********************.js	20.4 kB	+24 B (+0.12%)
./dist/assets/js/googlesitekit-datastore-ui-********************.js	9.92 kB	+34 B (+0.34%)
./dist/assets/js/googlesitekit-datastore-user-********************.js	26.1 kB	+92 B (+0.35%)
./dist/assets/js/googlesitekit-entity-dashboard-********************.js	84 kB	-106 B (-0.13%)
./dist/assets/js/googlesitekit-main-dashboard-********************.js	153 kB	-224 B (-0.15%)
./dist/assets/js/googlesitekit-modules-********************.js	22.2 kB	+84 B (+0.38%)
./dist/assets/js/googlesitekit-modules-ads-********************.js	29.5 kB	+52 B (+0.18%)
./dist/assets/js/googlesitekit-modules-adsense-********************.js	125 kB	-56 B (-0.04%)
./dist/assets/js/googlesitekit-modules-analytics-4-********************.js	165 kB	-61 B (-0.04%)
./dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js	22.6 kB	+154 B (+0.69%)
./dist/assets/js/googlesitekit-modules-reader-revenue-manager-********************.js	21 kB	+28 B (+0.13%)
./dist/assets/js/googlesitekit-modules-search-console-********************.js	58.6 kB	+9 B (+0.02%)
./dist/assets/js/googlesitekit-modules-tagmanager-********************.js	31.9 kB	-1 B (0%)
./dist/assets/js/googlesitekit-notifications-********************.js	16.3 kB	-6.29 kB (-27.83%)	🎉
./dist/assets/js/googlesitekit-settings-********************.js	82.7 kB	-70 B (-0.08%)
./dist/assets/js/googlesitekit-splash-********************.js	89 kB	-36 B (-0.04%)
./dist/assets/js/googlesitekit-user-input-********************.js	62.8 kB	+9 B (+0.01%)
./dist/assets/js/googlesitekit-vendor-********************.js	321 kB	+1 B (0%)
./dist/assets/js/googlesitekit-widgets-********************.js	81.7 kB	+12 B (+0.01%)
./dist/assets/js/googlesitekit-wp-dashboard-********************.js	61.7 kB	+10 B (+0.02%)

ℹ️ View Unchanged

| Filename | Size | | :--- | :---: | | `./dist/assets/css/googlesitekit-admin-css-********************.min.css` | 57 kB | | `./dist/assets/css/googlesitekit-adminbar-css-********************.min.css` | 11.8 kB | | `./dist/assets/css/googlesitekit-authorize-application-css-********************.min.css` | 846 B | | `./dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css` | 8.2 kB | | `./dist/assets/js/31-********************.js` | 2.76 kB | | `./dist/assets/js/32-********************.js` | 2.25 kB | | `./dist/assets/js/33-********************.js` | 3.64 kB | | `./dist/assets/js/34-********************.js` | 935 B | | `./dist/assets/js/35-********************.js` | 892 B | | `./dist/assets/js/36-********************.js` | 3.12 kB | | `./dist/assets/js/analytics-advanced-tracking-********************.js` | 901 B | | `./dist/assets/js/googlesitekit-consent-mode-********************.js` | 25.6 kB | | `./dist/assets/js/googlesitekit-events-provider-contact-form-7-********************.js` | 646 B | | `./dist/assets/js/googlesitekit-events-provider-easy-digital-downloads-********************.js` | 624 B | | `./dist/assets/js/googlesitekit-events-provider-mailchimp-********************.js` | 630 B | | `./dist/assets/js/googlesitekit-events-provider-ninja-forms-********************.js` | 712 B | | `./dist/assets/js/googlesitekit-events-provider-optin-monster-********************.js` | 675 B | | `./dist/assets/js/googlesitekit-events-provider-popup-maker-********************.js` | 634 B | | `./dist/assets/js/googlesitekit-events-provider-woocommerce-********************.js` | 657 B | | `./dist/assets/js/googlesitekit-events-provider-wpforms-********************.js` | 633 B | | `./dist/assets/js/googlesitekit-i18n-********************.js` | 3.93 kB | | `./dist/assets/js/googlesitekit-polyfills-********************.js` | 377 B | | `./dist/assets/js/runtime-********************.js` | 1.3 kB |

_{compressed-size-action}