Jetpack Cloud: Fix failed backup state design

[rcoll]

Changes proposed in this Pull Request

• Fix the backup failed state in DailyBackupStatus so that it more closely matches the Figmas

Testing instructions

• Check daily backup status for a date that has a failed backup. Force one manually if needed in renderBackupStatus(). Check to be sure that the design closely matches the Figma, and the new (proper) icon is present.

Fixes 1142395350490785-as-1173118334902057

[matticbot]

Test live: https://calypso.live/?branch=fix/jetpack-cloud-backup-fail-style

[matticbot]

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

Sections (~20 bytes added 📈 [gzipped])

name     parsed_size           gzip_size
backups        +66 B  (+0.0%)      +20 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.

[cleacos]

On the mobile version, the size of the icon seems not to match the design, and the position of the 'Backup failed' copy :

From the design:

[cleacos]

Now it looks good. I removed the weird copy that doesn't match with the expected in the design.

LGTM!