feat: Implement `QuizRecapitulationTile`

[apomalyn]

As a user, I want to easily see how I did in the question, what was the right answer and if the notion/word was introduced in the quiz

Requirements

Implement a QuizRecapitulationTile, it should display:

• the status of the question (skipped, failed, partially failed, succeed)
• the notion/word concerned
• the expected answer
• if the notion/word what introduce for the first time
• a way to trigger an event when pressed

What needs to be done

Under src/practice/quiz/recapitulation/widgets, create a stateless widget QuizRecapitulationTile:

• constructor takes:
  • KnowledgeUpdate knowledgeUpdate
  • String? questionSubject: override the subject part of the card, if not provided knowledgeUpdate.id will be used to retrieve the info
  • String expectedAnswer: expected answer for the question
  • bool? skipped = false: indicates if the question was skipped
  • VoidCallback? onPressed
• displays:
  • wrapped in a Card, in a ListTile:
  • onTap: onPressed
  • leading icon: the status of the question based on knowledgeUpdate.grade or skipped:
    • skipped: Icons.question_mark_rounded
    • failed: red Icons.close_rounded
    • partially failed: orange Icons.warning_rounded
    • succeed: green Icons.done_rounded
  • title: the notion/word evaluation followed by the expected answer (using expectedAnswer), with an arrow between them
    • the notion/word evaluated using questionSubject if provided, or retrieve the element based on knowledgeUpdate.id using the correct repository (kana, kanji or vocabulary)
  • trailing icon: if knowledgeUpdate.isNew is true, display the new icon (see Dev Notes)

Design

Wireframes of QuizRecapitulationTile


Dependencies

Child of #210

Depends on:

• 167

Dev notes

• Figma link
• Flutter Card documentation
• Flutter ListTile documentation

New icon