Launchpad: Add checkmark icon to domain processing notification

[jeyip]

Proposed Changes

• Adds checkmark icon to domain processing notification

Testing Instructions

• Check out this PR
• Create new site through tailored flow https://wordpress.com/hp-2022-tailored-flows/
• Make sure to switch out wordpress.com with calypso.localhost:3000
• Create a custom domain for the site
• Choose, at minimum, a personal plan ( so that we can make a custom domain the primary domain )
• Complete steps until at the Launchpad screen
• Verify that the domain ssl processing notification has a green checkmark icon

Pre-merge Checklist

• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?

Related to #68967

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-47419

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-47419&env=jetpack

[jeyip]

I can go either way with unit tests for this feature. We are already checking for notification text here, so checking for the icon as well seems a little excessive to me, but I'm happy to verify it as well if folks prefer.

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~40 bytes added 📈 [gzipped])

name           parsed_size           gzip_size
entry-stepper       +160 B  (+0.0%)      +40 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[agrullon95]

Tests:

• Verify that the domain ssl processing notification has a green checkmark icon

[agrullon95]

I can go either way with unit tests for this feature. We are already checking for notification text here, so checking for the icon as well seems a little excessive to me, but I'm happy to verify it as well if folks prefer.

I think it's fine to not test for this icon since you already tested for the actual SSL processing message which is more important.

[edanzer]

Code looks good. Tests as expected, with green check now showing just before domain setup notification. For tests, obviously fine to add them, but I'd agree not needed here.

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/7598736

Thank you @jeyip for including a screenshot in the description! This is really helpful for our translators.

[a8ci18n]

Translation for this Pull Request has now been finished.