refactor: Implement `QuizAppBar` for the quiz

[apomalyn]

As a user, I want a consistent app bar between the questions of the quiz

Requirements

• Implement a reusable widget that contains:
  • AppBar:
  • leading: IconButton with an onClosePressed (icon Icons.close_rounded)
  • title: RoundedLinearProgressIndicator
  • actions: TextButton "skip" with an onSkipPressed

What needs to be done

• under src/practice/quiz/widgets, create a QuizAppBar:
  • with the parameters:
  • onClosePressed: called when the close icon button is pressed
  • onSkipPressed: called when the "skip" text button is pressed
  • value: current value of the progress bar
  • it should render an AppBar with:
  • leading: IconButton(icon Icons.close_rounded) with onPressed set to onClosePressed
  • title: RoundedLinearProgressIndicator
  • actions: TextButton "skip" with onPressed set to onSkipPressed

Design

Wireframe for the QuizAppBar


Dependencies

Child of #160

Dev notes

On src/quiz/quiz_view.dart there is the first version of this widget if you want to inspire yourself

[Adaendra]

@apomalyn - A propos du wireframe :

• Est-ce que le bouton SKIP c'est exactement ce qu'on veut ? (Pas d'une icône à la place?)
• Est-ce que cette interface sera revue par Hélo ? A propos de la tuile de la question :
• Est-ce qu'on retire le bouton Skip dans cette issue ? ou ça sera géré plus tard ? ou on souhaite le garder ?

[apomalyn]

Est-ce que le bouton SKIP c'est exactement ce qu'on veut ? (Pas d'une icône à la place?)

On veut bien un TextButton ici pour ne pas avoir trop de confusion

Est-ce que cette interface sera revue par Hélo ?

Hélo va voir le UI et au besoin appliquera un changement si ça pue vraiment.