#7527534 Make product variants in the lightbox URL accessible.

Description

Supporting URL accessibility for product variants shown in the Lightbox is the primary objective of this PR. I took the opportunity to enhance the way we now activate the product lightbox component. I renamed useItemLightbox to useProductLightbox in order to better complement the primary component ProductLightbox for which it was originally created.

Proposed Changes

• Remove the currentProduct state within the lightbox component and use an external source. This will make it easier for us to ensure the getters and setters for currentProduct state are coming from the useProductLightbox hook. Having the logic for setting the current product within the useProductLightbox allows us to hide the implementation of manipulating location hash from consuming components.

• Rename useItemLightbox to useProductLightbox for better context and compliment the ProductLightbox component name.

Testing Instructions

1. • Run git fetch && git checkout add/lightbox-url-accessible-product-variant
   • Run yarn start-jetpack-cloud
2. Go to http://jetpack.cloud.localhost:3000/pricing?flags=jetpack/pricing-page-rework-v1 or use the jetpack cloud live link and goto /pricing?flags=jetpack/pricing-page-rework-v1.
3. Click on Backup featured or simple card’s more info link.
4. Select the 1TB Options

6. Confirm that jetpack_backup_t2_yearly is set in the URL.

7. Copy/paste the link in a new browser tab.
8. Confirm that the lightbox loads the correct variant during on load.

Pre-merge Checklist

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

Related to 1202796695664022-as-1202936358291308