Domains: Add empty state to All Domains page

[zaguiini]

Closes https://github.com/Automattic/dotcom-forge/issues/2869.

Proposed Changes

Let's add an empty state component to /domains/manage when 'All domains' is selected and the user still has no domains.

Testing Instructions

1. Create an account and two free sites;
2. Browse /domains/manage.

You should see the empty state and the CTAs pointing to:

• /domains/add;
• /start/domain-transfer/domains.

[github-actions]

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

[matticbot]

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

Sections (~240 bytes added 📈 [gzipped])

name     parsed_size           gzip_size
domains       +824 B  (+0.0%)     +240 B  (+0.1%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

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.

[nuriapenya]

The empty state was correctly implemented 👍🏽 but the "Add a domain" CTA currently links to the onboarding stepper /start/domain/domain-only. I believe it should stay in Calypso and use the /domains/add path, so users can return to the empty state if necessary when clicking "Back".

(cc: @saygunnyc for a double check here)

Could we also remove the "+" icon from the CTA? As we are not displaying the dropdown anymore.

[zaguiini]

Thanks @nuriapenya

If the "Add a domain" CTA should point to /domains/add, what should "Transfer a domain" do?

[saygunnyc]

what should "Transfer a domain" do?

Link to the current transfer flow, for now, you can see it by clicking on the card below on Domains LP. I believe there's a Calpyso version of this too. However, we should link to the new bulk domain transfer flow once launched. cc @alshakero

[zaguiini]

Thanks @nuriapenya @saygunnyc this should be good to go now.

[nuriapenya]

Tested 👌🏽 everything looks good!

[a8ci18n]

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

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

[a8ci18n]

Translation for this Pull Request has now been finished.