Marketplace: Show 3pd plugin terms

[epeicher]

Changes proposed in this Pull Request

• Display the Third Party plugin terms as a link to a newly created page in WordPress.com https://wordpress.com/third-party-plugins-terms/
• For free plugins it will be displayed in the Plugin Details screen:

Free plugins Plugin Details

• For marketplace plugins it will not be displayed the Plugin Details but it will be in the Checkout screen:

Plugin Details	Checkout

Testing instructions

• Select a Business or eCommerce site
• Go to Plugins and select a Free plugin
• Make sure you can click on the Third-Party plugin Terms link under the CTA button and navigate to the following page
• Go back to the Plugins list page and select a Premium plugin
• Check that there are no Terms of Service clauses under the CTA button
• Click on Purchase and activate
• Make sure there are clauses for WordPress.com Terms of Service and for Third-Party Plugins Terms of Service and you can navigate to the corresponding pages.

Closes #61607

[github-actions]

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

[matticbot]

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

Sections (~299 bytes added 📈 [gzipped])

name      parsed_size           gzip_size
checkout      +1194 B  (+0.1%)     +267 B  (+0.1%)
plugins        +161 B  (+0.0%)      +32 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.

Async-loaded Components (~448 bytes added 📈 [gzipped])

name                                             parsed_size           gzip_size
async-load-calypso-my-sites-checkout-modal           +1194 B  (+0.1%)     +277 B  (+0.1%)
async-load-calypso-blocks-editor-checkout-modal      +1194 B  (+0.1%)     +283 B  (+0.1%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

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.

[sirbrillig]

I haven't tested it (I leave that to your team) but the code looks good to me and I have no concerns from a Payments perspective. 👍

[cpapazoglou]

Tested it and LGTM!

[a8ci18n]

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

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

[a8ci18n]

Translation for this Pull Request has now been finished.