Add Tag/Class/Attribute to Movie Cards

[djmeero]

Add Tag/Class/Attribute to Movie Cards

Hi everyone 👋
I’m hosting Jellyfin on my Windows PC and I love customizing the UI.

I’d like to make certain movies (like upcoming releases) visually stand out in the library.
Currently, I tag these movies with a custom tag like "comingsoon" and I want to overlay a banner that says  "Coming Soon" on the movie poster.

The problem is: movie cards in the library UI don’t expose tags in the DOM, so I can't target them with CSS without hardcoding
data-id values — which becomes unmanageable.

Feature Request:
Can you please add a class, attribute, or data-* field to the .card element (or a child element) that includes the tags of the item? 
For example: <div class="card" data-tags="comingsoon,action,2025">

This would allow us to use CSS like:

.card[data-tags*="comingsoon"] .cardImageContainer::before {
    content: "Coming Soon";
    ...
}

Even exposing just the first tag or a single class per tag (e.g., tag-comingsoon) would be incredibly helpful.
This small change would unlock huge customization potential for all Jellyfin users who want to visually distinguish items in their library based on tags.

Sorry if this request already exists, I couldn't find anything related.
If anyone has any other ideas how could I implement this please tell.

Thanks for all the amazing work you do! 🎉

[KodiUser1138]

Curious, how are you entering movies to your library that you odn't have yet, hence the "Coming Soon" banner?