Since tippy.js has been flagged deprecated, created a new component that uses floating-ui as the basis for tooltips.

I created a new component GeoadminTooltip that handles the uses cases we have. It wraps around elements that should have a tooltip. There are several advantages with that:

• Easy and consistent to use (no need for several different cases of using the tooltip thing)
• Really reactive: no need to make sure that translations are updated for instance
• Embedded in the Vue DOM mechanism: there's never a need to manually garbage collect a tooltip. I also thing that the adding and removal of the tooltips works better than the way it was before.

In general I would say this is more lightweight, with the drawback that it's all custom (instead of using a pre-existing library). (Maybe the latter could've been a way to solve this problem, too, but when starting the endeavor I wasn't fully aware of the scope of it)

Some additional notes.

• Translations need to be done outside of the component. This leads to less coupling of the tooltip component to other things
• I intentionally didn't add the transition/animation. I found it felt way snappier and more responsive. But that's a personal thing, if they should be there, I could re-add them.

Test link