feat: add labels to metric and filter dropdowns, make layout more compact

[jfrer]

closes #54

[paulpestov]

In the Timeline we have now lots of filters. The placeholder value indicates what is a filter doing. This is a problem because once you select something it only shows "25 selected" but the title/placeholder disappears. Maybe we could place that title (labelling, Script-Type, ...) in small font above the dropdowns.

[jfrer]

In the Timeline we have now lots of filters. The placeholder value indicates what is a filter doing. This is a problem because once you select something it only shows "25 selected" but the title/placeholder disappears. Maybe we could place that title (labelling, Script-Type, ...) in small font above the dropdowns.

Hmm I would like to use the FloatLabel Component for this, that has been introduced in PrimeVue 3.48, but version 3.48 also deprecates the Tailwind theme we currently use. Should I choose a different theme and use this component or implement the feature by hand? A different theme might be the better choice because otherwise we will be stuck on a version < 3.48 forever. What do you think @paulpestov?

[paulpestov]

In the Timeline we have now lots of filters. The placeholder value indicates what is a filter doing. This is a problem because once you select something it only shows "25 selected" but the title/placeholder disappears. Maybe we could place that title (labelling, Script-Type, ...) in small font above the dropdowns.

Hmm I would like to use the FloatLabel Component for this, that has been introduced in PrimeVue 3.48, but version 3.48 also deprecates the Tailwind theme we currently use. Should I choose a different theme and use this component or implement the feature by hand? A different theme might be the better choice because otherwise we will be stuck on a version < 3.48 forever. What do you think @paulpestov?

Sure feel free to switch the theme. I guess then in with a new PR. I'm approving this one for now.