#7514265 Pricing page rework: Display additional legacy product cards

This PR updates the product and bundle lists to display additional legacy product card(s) if they are currently owned/active on the site (for a signed-in user)

Proposed Changes

• Add icons for Security and Complete bundles
• Move getCtaLabel to useStoreItemInfo hook for reusability
• Show “All bundles” section when a legacy item is owned by a user
• Fix product name i18n when name is JSX Element

Testing Instructions

• Create a JN site and connect Jetpack
• Purchase a legacy product for the site e.g. Security Daily using this link after replacing :site with the actual site URL https://wordpress.com/checkout/:site/jetpack_security_daily
• Do any one of these
  • Open Calypo Blue and Green in two separate tabs
    • Click on Jetpack Cloud Live link below and wait for the redirect to complete, then goto /pricing/:site?flags=jetpack/pricing-page-rework-v1
    • Click on Calypso Live link below and wait for the redirect to complete, then goto /plans/:site?flags=jetpack/pricing-page-rework-v1
  • or boot up this PR
    • Run git fetch && git checkout fix/jp-pricing-rework/legacy-products
    • Run yarn start in one terminal window and yarn start-jetpack-cloud-p in another one.
    • Open this in one tab http://calypso.localhost:3000/plans/:site?flags=jetpack/pricing-page-rework-v1
    • Open this in another one http://jetpack.cloud.localhost:3001/pricing/:site?flags=jetpack/pricing-page-rework-v1&view=bundles
• Confirm these steps for both Calypso Blue and Green
  • Confirm that you see the new pricing UI
  • Confirm that you see the “Backup Daily” card in “All products” section
  • Goto Bundles tab
  • Confirm that you see “All bundles” section
  • Confirm that you see “Security Daily” card in the list
• Goto /pricing/?flags=jetpack/pricing-page-rework-v1 for Jetpack Cloud
• Confirm that you don’t see “All bundles” section

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

Cpmpletes: 1202796695664022-as-1202924222500997/f

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1202924222500997