Card view for PostHog 3000

[corywatilo]

There are certain places where a card view might make more sense than a simple table view. Take feature flags, for instance.

Currently we have a view of all feature flags by created date.

But given the level of activity for most customers, there might be a better UI than a table.

Imagine cards, for example, where in the future, we might be able to populate details about the status of each flag within the card itself. Cards would also be useful to show the status of experiments, or a summary of a survey's results.

(I realize doing these calculations on the index view would be expensive for larger accounts, but for those where the cost – or speed – of running the queries isn't prohibitive, it would be nice to add live details about a card's status without having to hit the detail view.)

For now, I've mocked without additional info.

This view also shows a sidebar (after having clicked a card) to show details about the flag without having to go to a full detail view. There are some benefits here:

1. See more info without having to lose your place and move to a different page
2. It's the same pattern as seen in More condensed table view for Event Explorer #17614 that shows an event's details
3. This is a stepping stone to PostHog 3000 where everything is more modularized
4. Starting at a mobile viewport size means we'll always be natively responsive. (We should use container queries to make sure the layout is always contextual to its view - meaning it will work as a sidebar, it will work on mobile, and it will work at smaller viewports when a user has their window more narrow than a typical size.)