#7593625 SMP: add expire notice on grid tile Thumbnails

Proposed Changes

On #68965 A message was added for the Sites Management Page on list mode.
This PR introduces the same concept for Grid mode, a.k.a. Tiles.

• Add new component SitesGridAction to display messages in grid mode.
• Add new component SitesGridActionRenew to show the Renew CTA on expiring sites.
  • I’m using the same events used on sites-plan-renew-nag.tsx, I just added a new property display_mode.
  • I’m using the same icon on sites-plan-renew-nag.tsx.
  • I’ve added the plan name to the message.

Screenshots

1. SitesGridActionRenew on Coming Soon Site

2. SitesGridActionRenew on Public Site

3. SitesGridActionRenew on Private Site

4. SitesGridAction with long text:

Testing Instructions

• Select an Atomic site and change the expiration date to the past using SA.
• Go to /sites
• Search for your site
• Observe a Notice appears over the Thumbnail.
• Only if you are the site owner you’ll see a Renew CTA. Other users will see only the notice without the link.
• Repeat these steps for coming soon, private and public sites.

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)?

• Closes Automattic/dotcom-forge#1080

• Related to “#68965” which introduced the same concept for list mode