#6402588 Domains: Update domain suggestions cards layout

Changes proposed in this Pull Request

This PR updates the layout of domain suggestions cards in the domain registration search page. This corresponds to task 8 of pcYYhz-e4-p2, which is part of a redesign of domains pages.

The main updates in this PR are:

• Featured domain suggestions are always shown in a full-width row – previously, they could be shown as two side-by-side cards if the searched domain name was short enough
• The colored bars indicating the quality of the suggestion (“Best match” or “Best alternative”) were removed. They were replaced by badges with “Recommended” and “Best alternative” texts
• Both featured domain suggestions have the “Selected” button colored as primary now
• The “Sale” badge was reskinned to have the same format as the “Recommended” and “Best alternative” ones

This is what the domain suggestions page looked like before:

And what it looks like with this update:

Mobile view before:

Mobile view after:

Testing instructions

Use the live Calypso link and navigate to the domain name search page (Upgrades > Domains > Add a domain > To this site). Do a few domain searches with different names and TLDs and ensure everything looks alright. Please test both desktop and mobile views to ensure both are OK.

It would also be great if you could take a look at the signup flow (<calypso live URL>/start) and check that the domain search there looks OK too, because it uses the same components that were updated here. 🙇‍♂️ It was a little tricky to not change things in that page.