feat: Customize avatar

[apomalyn]

As a user, I want to customize my avatar on the platform

Requirements

• On the Profile when the avatar is tapped, the view should enter avatar customization mode
  • The customization page, should have a way:
  • save the new avatar
  • cancel the customization

What needs to be done

• Create in src/profile/avatar_customization, a view and view model
• The view model should:
  • static const routeName = "${ProfileView.routeName}/avatar_update
  • have a method saveChanges to:
  • save changes in the user (UserRepository.updateSelf())
  • go back to the previous screen
• The view should:
  • AppBar:
  • have a back button on the leading that goes back to the previous screen when pressed
  • title: "Customize avatar"
  • display a save button (FluttermojiSaveWidget) with "Done" as text on the AppBar.actions
    • when tapped, call the viewModel.saveChanges()
  • display the current build avatar (FluttermojiCircleAvatar)
  • display the customization options (FluttermojiCustomizer)
• Update the Profile view & view model to redirect to this page
• Update the Settings view:
  • add under the Account section a button to "Change avatar" that redirects to this page

Dependencies

Child of #130

Depends on:

• 145

• 148

Dev notes

• fluttermoji package

[Adaendra]

@apomalyn tu mentionnes qu'il faut modifier le profile pour pouvoir accéder à cette page, mais comment ? On clique sur l'image ?

[Adaendra]

@apomalyn After hours to do some tests we have several issues :

• First this issue, which happens regularly
• We can't have the update on the profile tab (after a successful change) or a rollback to cancel the change and just leave the customization view without an issue. Either the profile tab won't work (and the avatar won't be updated), or either the go back won't work (the avatar will be updated even if we tried to redefine the correct avatar definition to use)

With all these issues and the fact that the library is not updated for the last year, it becames a security issue. Especially as we are doing weekly dependabot updates. So it makes to sense to keep it like this.

Two solutions for me :

• Find another library which does the job
• Fork this library and create our own (and start to have opensource libs - which is always cool)

[Adaendra]

Avatar Maker can be used instead of fluttermoji