Smart tag families

[JosephMarinier]

Description:

Create smart tag families to group similar smart tags. Fixes #109

Checklist:

You should check all boxes before the PR is ready. If a box does not apply, check it to acknowledge
it.

• PRE-COMMIT. You ran pre-commit on all commits, or else, you
  ran pre-commit run --all-files at the end.
• FRONTEND TYPES. Regenerate the front-ent types if you played with types and routes.
  Run cd webapp && yarn types while the back-end is running.
• USER CHANGES. The changes are added to CHANGELOG.md and the documentation, if they impact
  our users.
• DEV CHANGES.
  • Update the documentation if this PR changes how to develop/launch on the app.
  • Update the README files and our wiki for any big design decisions, if relevant.
  • Add unit tests, docstrings, typing and comments for complex sections.

[gabegma]

This is going to be wonderful!!

My main comment is regarding the utterance details UI. I would aim to have no hovering necessary on this page to know what is the full list of smart tag values. We had this comment from our users that hovering to get new information can be cumbersome.

As such, what I had in mind is to have no blue circles, and to display the name of the smart tag value instead of the name of the smart tag family. Hence, an icon would be there multiple times if more than one value is available within a family. We should discuss this, I'm curious what you think and our designers. Also, this could totally be done in a subsequent PR.