Learner view new component: <PracticeQuizRenderer>

[sairina]

Summary

Currently, we have a normal quiz rendering experience. This is from KContentRenderer, AssessmentWrapper, and in the workflow, is primarily found in two components, <ExamPage> and <ContentPage>.

• We will want to include the new <PracticeQuizTimer>.
• In <ContentPage>, we will want to add the <PracticeQuizRenderer> as another option for display.
• In <ExamPage>, we will want to add the <PracticeQuizRenderer> as another option along with the current KContentRenderer
• Note: the renderer will have to have very similar props signatures as KContentRenderer and AssessmentWrapper in order to slot it in easily to <ExamPage> and <ContentPage>
• This issue also includes adding in mobile and tablet responsiveness.

Frame	Explanation
	NEW Independent practice quiz rendered
	Tablet rendered
	Mobile rendered
	Regular quiz (for comparison)

Notes and changes to current designs:

• Figma for the independent practice quiz base and responsiveness
• All strings required for this component should already be in commonCoreStrings, commonCoachStrings, or commonLearnStrings
• If a learner exits a practice quiz before they have submitted (not all of these may be important for this issue):
  • the timer resets
  • user will be returned to the page where they found the independent practice quiz (channel or lesson)
  • the "Completion status" at the bottom of the card should reset to "in progress"

Criteria for success:

Please copy these into your PR for "Steps for Testing"!
This issue is done when the checkboxes below work

• Practice quiz renders correctly for learner through <ExamPage> and <ContentPage>
• Practice quiz renders correctly in different screens
• If there additional scenarios, please include them in your PR

[bjester]

Hey team! Please add your planning poker estimate with ZenHub @jredrejo @marcellamaki @sairina @rtibbles @MisRob @nucleogenesis @jamalex

[rtibbles]

May require additional testing of existing coach assigned workflows in order to ensure that no regressions have occurred.

[rtibbles]

Fixed in #8645 - implemented as QuizRenderer