feat: Global knowledge level details

[apomalyn]

As a user, I want to see more details about my global knowledge level

Requirements

When a global knowledge level is tapped, open a BottomSheetDialog with a knowledge level progress bar for each section of the JLPT level

What needs to be done

• Under src/profile/widgets, create a JLPTKnowledgeLevelDetails widget, that takes a JLPTKnowledgeLevelCard parameter. The widget should:
  • display a localized title based on the JLPTKnowledgeLevelCard.level
  • display for each section of the JLPTKnowledgeLevelCard:
  • a GlobalKnowledgeLevelProgressBar
  • a legend containing the number of each section
• Update the Profile:
  • view-model: to open a bottom sheet dialog of the new JLPTKnowledgeLevelDetails of a specified JLPT level
  • view: add the onPressed of the JLPTKnowledgeLevelCard

Design

JLPTKnowledgeLevelDetails bottom sheet dialog wireframe


Dependencies

Child of #130

Depends on:

• 158