Learner view: in a channel, independent practice quizzes can be taken, submitted, and the report can be seen

[sairina]

User stories for this issue:

As a learner, I want to be able to find an independent practice quiz in a channel so that I can take it, submit it, earn points, and view the report.

Frame	Explanation
	From channels tab, learner will go into a folder (see Figma link below for details)
	Find the independent practice quiz
	Engage with and submit quiz
	Modal should appear
	Learner earns points, completion is updated, and learner is redirected back to the folder
	Learner sees their quiz report if they click on the independent practice quiz

Notes and changes to current designs:

• Figma for finding an independent quiz in a channel
• There are three shared components that have already been created for use, PracticeQuizRenderer, ReportsPracticeQuizLearnerPage, PracticeQuizTimer
• All strings required should already be in commonCoreStrings, commonCoachStrings, or commonLearnStrings
• Routing will need to be created

Criteria for success:

Please copy these into your PR for "Steps for Testing"!

This issue is done when the checkboxes and Gherkin stories below work

• Learner earns points after submitting the independent practice quiz and returning back to the lesson resource page
• Learners can discover independent practice quizzes in Learn in the channels tab

Feature: Learners can discover independent practice quizzes in Learn
	Scenario: independent practice quizzes appear in the channels tab
		Given that I am on the channels tab
		When I navigate to the node with an independent practice quiz
			And I click on the independent practice quiz
		Then I can engage with the independent practice quiz

• Learners can see time information while taking an independent practice quiz in lesson or channel

Feature: Learners can see time information while taking an independent practice quiz in lesson or channel	
	Scenario: Learners see how long they are taking on the independent practice quiz
		Given that I have entered the independent practice quiz page
		When the I start on the independent practice quiz
		Then I can see a time displayed as 'Time spent' above the question list
			And I can see that time increment by minutes

	Scenario: Learners see the suggested time to take on the independent practice quiz
		Given that I have entered the independent practice quiz page
		When the I start on the independent practice quiz
		Then I see a time displayed as 'Quiz duration' above the question list
			And I do not see that time increment

• Learners can see independent practice quiz report from independent practice quiz

Feature: Learners can see independent practice quiz reports from independent practice quizzes assigned in lessons or in channels
	Scenario: learner views independent practice quiz report after finishing the independent practice quiz
		Given that I have finished and submitted the independent practice quiz
			And I am back on in the channels tab
			And I see my score on the same independent practice quiz content card
		When I click on the content card
		Then I see my independent practice quiz report
			And I see my score and time information
			And I see a button to retake the independent practice quiz

[bjester]

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

[rtibbles]

Fixed in #8645