#7882999 Jetpack Pro Dashboard: implement backup storage expanded content on large & small screens

Related to 1203940061556608-as-1204076721671719

Proposed Changes

This PR implements the site expanded content for backup storage on large and small screens.

Testing Instructions

Prerequisites

Since these changes are made specifically for agencies, you must set yourself(partner) as an agency – 2c49b-pb. Make sure to switch it back to the previous type.

NOTE:

These changes are behind a feature flag and will not be effective in production immediately after merging. Please verify these changes are not visible in the live link below.

The text 11 plugins, 3 themes, 11 uploads, 1 post, 5 pages is not translated as it is directly coming from the API

There could be some API signature changes that shouldn’t affect the functionality.

Instructions

1. Run git checkout add/site-expanded-content-for-backup-storage and yarn start-jetpack-cloud
2. Open http://jetpack.cloud.localhost:3000/, and you’ll be redirected to the /dashboard.
3. Click on the expand icon on any site, and verify that you can see the Latest backup card. Verify the same for different scenarios mentioned below with different screen sizes

When there is no backup added

Large screen

Mobile

Tablet

When there is a failed backup

When there is a successful backup

Large screen

Mobile

Tablet

When there is a successful backup related to plugin

Other scenarios

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)?