feat: Implement `AchievementDetailsView` skeleton

[apomalyn]

As a user, I want to be able to see more details about my unlocked achievements

Requirements

• Implement an AchievementDetailsView that:
  • display:
  • the unlocked image in a bigger format
  • when it was unlocked
  • the name of the unlocked achievement
  • the level if available
  • the description of the unlocked achievement
  • a way to share the achievement with social networks
  • a way to return to the achievements list
• Make the view appear when an AchievementTile is pressed

What needs to be done

• Under src/achievements/details implement an AchievementDetailsView and AchievementDetailsViewModel:
  • the view should have:
  • static const routeName = "/profile/achievements/details"
  • AppBar:
    • leading: close icon button
    • actions: share icon button
  • body centred:
    • the unlocked image
    • the unlocked date (following the language: MMM DD, YYYY or DD MMM YYYY)
    • the current level if available
    • the name of the achievement
    • the description of the unlocked achievement
  • the view model should:
  • go back to the previous view when the close icon is pressed
  • start sharing process when the share icon is pressed (using the Share+ package)
• Update the router to open the new view when AchievementDetails.routeName is called (this is a sub route of /profile/achievements)
• Update the Achievements view to redirect to the newly createdAchievementDetailsView when an achievement is pressed

Design

Achievement details wireframe


Dependencies

Child of #31

Depends on:

• 152

Dev notes

• Share+ package