Marketplace Thank You: Guarantee 3 sections on footer

[WBerredo]

Proposed Changes

• Update the architecture of footer steps to allow more flexibility in the ordering of the items
• Create a theme support section
• Update all cases(only plugins, only themes, multiple types) to have 3 sections

Testing Instructions

• Install a plugin
• Check if the Marketplace Thank You footer is similar to the image below
• Install a theme
• Check if the Marketplace Thank You footer is similar to the image below
• Purchase a plugin along with a theme
• Check if the Marketplace Thank You footer is similar to the image below

Plugin	Theme	Plugin + Theme

---

Related to #76429

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• 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)?
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:commit-789a234218cea58bfa457a288b54c640f06f7203

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:commit-789a234218cea58bfa457a288b54c640f06f7203&env=jetpack

[matticbot]

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

Sections (~60 bytes added 📈 [gzipped])

name         parsed_size           gzip_size
marketplace       +381 B  (+0.0%)      +60 B  (+0.0%)

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.

[epeicher]

I have tested it, and it works as advertised. LGTM! 🚢

An additional follow-up task that I would suggest is the alignment of the footer steps. Due to the left alignment of the text and some right padding on the cards, it looks like they are not correctly aligned (although they are) so it would be great to tackle this

[JanaMW27]

I've reviewed it, and in every case, I've seen 3 elements. I have to say, though, that the margins in each case look funny as pointed out in a comment above.

[WBerredo]

An additional follow-up task that I would suggest is the alignment of the footer steps.

I forgot to link it here, but the centralization task is already in review #76429 and I would love your input there.

cc: @epeicher @JanaMW27

[a8ci18n]

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

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

[a8ci18n]

Translation for this Pull Request has now been finished.