Definition Popups for all types of taxonomic filter groups!

[alexkim205]

Changes

Mockups - https://www.figma.com/file/gQBj9YnNgD8YW4nBwCVLZf/PostHog-App?node-id=6782%3A34590

This PR implements the read only version of all different taxonomic filter group types. Hidden behind a feature flag and is an EE feature.

As of now clicking "View" doesn't do anything and the write hover card version will be implemented in a later PR.

Note: This isn't a picture perfect implementation of the mockup as there are some elements that are still unavailable for certain properties (i.e., last seen at, verified, etc.). As we unlock things in the backend, we'll show them in the frontend.

PS: Don't mind the large diff! Most of the changes come from renaming a few files and moving them around.

Demo

Screen.Recording.2022-02-01.at.6.54.10.PM.mov

Showcase

How did you test this code?

Manual QA of combinations of FF and EE license on and off.

[clarkus]

Looks like a great start to me. Does the position logic for the card work the same as other tooltips and overlays? Just want to be sure it doesn't flow off the screen and positions in reasonable ways.

[alexkim205]

Looks like a great start to me. Does the position logic for the card work the same as other tooltips and overlays? Just want to be sure it doesn't flow off the screen and positions in reasonable ways.

Yup, the card will always correct its position to the left or right of the filter depending on how much space is available on the screen. On smaller screens, we don't show the card at all which is the experience that is consistent with today's implementation.

[mariusandra]

Looks good! Made a few tweaks (e.g. disabled the view button), and let's get it in for testing.

[mariusandra]

Why not put this in the tag's name? :)