Jetpack Cloud: Scanner display threats

[enejb]

Changes proposed in this Pull Request

This PR attempts to render the treats as best as it can.
We should move most of the treats details to the api vs figuring here.
I reused quite a bit of code from treats-alert.jsx component to figure out nicer nameing etc.

After:

Bonus part here is that treat ignoring works as expected 🥳 for the treat that I ignored.

Testing instructions

• On a site that has treats visit
  http://jetpack.cloud.localhost:3000/scan/{example.com}

Notice the sections renders real threats.

[matticbot]

Test live: https://calypso.live/?branch=add/threats-to-jetpack-cloud

[a8ci18n]

ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 17 times:
translate( 'Jetpack identified %(threatCount)d threat in your database.', 'Jetpack identified %(threatCount)d threats in your database.' ) ES Score: 7

[matticbot]

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

Webpack Runtime (~20 bytes added 📈 [gzipped])

name      parsed_size           gzip_size
manifest        +27 B  (+0.0%)      +20 B  (+0.1%)

Webpack runtime for loading modules. It is included in the HTML page as an inline script. Is downloaded and parsed every time the app is loaded.

App Entrypoints (~17 bytes added 📈 [gzipped])

name        parsed_size           gzip_size
entry-main       +126 B  (+0.0%)      +17 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~7485 bytes added 📈 [gzipped])

name  parsed_size            gzip_size
scan     +21585 B  (+13.5%)    +7485 B  (+17.9%)

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.

[rcanepa]

The UI breaks a bit when going from a very large screen to smaller one.

I now exactly how to fix that. Do you want me to provide a quick fix?

[ChaosExAnima]

Taking this over. Going to get typing updated and test with a bunch of threats.

[enejb]

This is working really great! Thanks for all the fixed @ChaosExAnima !

[rcanepa]

I just pushed a small update that changes the positioning of the buttons on mobile.

[rcanepa]

Works great!

[a8ci18n]

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

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