feat: Implement `QuizRecapitulationView`

[apomalyn]

Requirements

Implement a QuizRecapitulationView view that:

• use the QuizRecapitulationViewModel view model
• displays:
  • the grade of the quiz
  • the stat cards for:
  • quiz duration
  • streak update if necessary
  • new words if necessary
  • the recapitulation of the quiz
  • a way to go to the next screen

What needs to be done

Under src/practice/quiz/recapitulation, create a QuizRecapitulationView:

• it should have static const routeName = "/practice/recapitulation"
• constructor takes:
  • List<Question> questions
  • Duration quizDuration
• use the QuizRecapitulationViewModel
• UI should use AppScaffold as a wrapper:
  • appBar: congratulations message
  • body:
  • displays the viewModel.grade using ArcProgressIndicator
  • displays the stats cards for quizDuration, viewModel.streak, viewModel.newWords using StatCard small layout
  • the recapitulation section using viewModel.recapitulation and QuizRecapitulationTile in a ListView. The list view should be scrollable
  • at the bottom of the screen (and sticky) a ElevatedButton "Continue", calling viewModel.onContinuePressed when pressed

Update the router to open QuizRecapitulationView when QuizRecapitulationView.routeName is called, don't forget to extract questions and quizDuration from the extra.

Design

Wireframe of QuizRecapitulationView


Dependencies

Child of #210

Depends on:

• 211

• 212

• 214

Dev notes

• ListView documentation