Mobile Apps: Crop Google Play badge image

[mmtr]

Part of #38907
Follows up #38905

Changes proposed in this Pull Request

The Google Play badge image has some transparent space around it which causes some alignment issues when using it along with the App Store bade image (since this one doesn't have any transparent space).

Google Play	App Store
Link to image	Link to image

This PR includes a CSS hack that crops the Google Play image in order to have a size-equivalent image to the App Store one in order to prevent those alignment issues.

That allowed to align the banner to the right when we display one single store button in the Customer Home's Go Mobile card suggested by @sixhours in #38905 (comment).

Screenshots

/home/:site

Device	Before	After
Desktop
iPhone
Android
Other mobile device

/me/get-apps and /checklist/:site

Device	Before	After
Desktop
Mobile

Testing instructions

Access the path listed above and verify the mobile stores badges are displayed correctly according to the screenshots.

[matticbot]

Test live: https://calypso.live/?branch=update/mobile-apps-android-badge-alignment

[matticbot]

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

Sections (~26 bytes added 📈 [gzipped])

name  parsed_size           gzip_size
home       +121 B  (+0.0%)      +26 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.

[sixhours]

This works a charm! 👍