Add single product page route/component to the marketplace

[wpalani]

Proposed changes

A new single product page component to show more details about a product (within the app) when users click on a secondary CTA of a supporting product or are redirected to the single product page route with a proper product page ID.

• Brand plugins should consume the main component (index / <NewfoldMarketplace />) in their marketplace page instead of the one in the marketplace directory.
• The main component will evaluate the location using React Router Dom's useMatch hook to determine which component to render (Product Page or Marketplace).
• A loading skeleton is rendered while fetching content from the newly added product page API endpoint when the Product Page is loaded.
• If the call is successful the API will return the HTML content of the Product Page template, which will be rendered as content.
• If the call is not successful, We'll render the Error component to notify the user.

Demo

Secondary CTA:

Loading state:

Error

state:

Type of Change

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Update (if none of the other choices apply)

Checklist

• I have read the CONTRIBUTING doc
• Linting and tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

This PR aims to address part of this internal EPIC: https://jira.newfold.com/browse/PRESS0-441

[circlecube]

We'll need to remember to remove this line before merging or at least before tagging a release.