Jetpack Cloud: replace the credentials with a Banner when Jetpack section is enabled

[rcanepa]

Changes proposed in this Pull Request

• The goal is to remove the server credentials from the Security tab and add a Banner in its place. This Banner contains a CTA to the server credentials new location at the Jetpack tab (no yet implement).

Testing instructions

• Run this PR with yarn start.
• Go to http://calypso.localhost:3000/settings/security/<youSiteSlug>?flags=jetpack/features-section.
• Verify that the server credentials aren't visible.
• Verify that there is a Banner with a CTA that points to /settings/jetpack (broken link for the moment).
• Go to http://calypso.localhost:3000/settings/security/<youSiteSlug>.
• Verify that the server credentials are visible.
• Verify that there is no Banner.

Demo

Fixes 1179060693083348-as-1179378358843971

[matticbot]

Test live: https://calypso.live/?branch=add/notice-server-credentials-moved

[matticbot]

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

Sections (~185 bytes added 📈 [gzipped])

name               parsed_size           gzip_size
settings-security       +477 B  (+0.2%)     +185 B  (+0.3%)

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.

[cleacos]

It works as expected. Without the flag, I can see the Credential block, with the flag, I see the banner.

LGTM!

[cleacos]

I'm going to merge this, I need this change.

[keoshi]

@rcanepa @cleacos sorry to jump in, but I want to make sure we can maintain the credentials section highlight as per #40018

[a8ci18n]

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

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

[a8ci18n]

Translation for this Pull Request has now been finished.