W-17483735 - Prepare cart page ability to add item based on query string for shopp…

[alexvuong]

Description

As part of integrate shopper agent into pwa-kit, pwa-kit will need to be aware of when the agent is sending a link for shopper to add an item to cart. The link will look like this
https://pwa-kit.mobify-storefront.com/global/en-GB/cart?items=productId1,productId2

In this PR, I refactored the cart page to add these productIds from query string into the cart page.

How Agent works

The scenario is when a shopper asks the agent to add an item into cart. The agent can't add an item directly to cart, but it will generate a link and tell shopper to click that link to add the item to cart. When shoppers click on the link from the agent, it will navigate to pwa-kit cart page, and add those items from search query into cart.

Types of Changes

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Documentation update
• Breaking change (could cause existing functionality to not work as expected)
• Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

• Removing a public function or component or prop
• Adding a required argument to a function
• Changing the data type of a function parameter or return value
• Adding a new peer dependency to package.json

Changes

• (change1)

How to Test-Drive This PR

• Checkout the code
• go to cart page, add an item using the link: http://localhost:3000/global/en-GB/cart?items=25591227M,701643477180M
• You should only see one product in cart since 25591227M is a master product
• After items are added into cart, the query string should be removed

Checklists

General

• Changes are covered by test cases
• CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

• There are no changes to UI

or...

• Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
• Changes comply with WCAG 2.0 guidelines levels A and AA
• Changes to common UI patterns and interactions comply with WAI-ARIA best practices

Localization

• Changes include a UI text update in the Retail React App (which requires translation)