show brew system tags on user page brew items

From #240

I know there has been talk of tagging/grouping, but in the meantime it would seem that the selected game system for a brew could be represented on the .brewItems. I envision either small color coded labels below the current .info div listing the system and other tags, or using the game system to determine the entirety of each .brewItem card’s background color.

I enisage tags similar to GMB, but for the standard tag groups have an additional tint … e.g. all system tags are green, all type tags are blue, all user-custom tags are white.

• output an extra line in the .brewItem div.info to show the system tags (if any)
  • <span title="System: 5e">5e</span> or similar
• provide css styling as desired.

[calculuschild]

I’m reviewing @G-Ambatte 's PR #2330, and all the work on sprucing up the User page is looking great. I just had some thoughts and want to see what the consensus is:

As @ericscheid points out, Systems are kind of a subset of Tags, so I ask you all:

• Do we actually need/want a whole separate property for Systems? It has no real function yet, so now would be the cleanest time to dismantle it before adding it to the user page.
• If yes, is there any concern for the added space it will take up in the User Page brew items? It’s already getting pretty crowded. Could they just be merged into the “tags” area?
• If we remove Systems, and just let them fall into standard tags is it worth the potential inaccuracies as far as “Brew search” is concerned? Purely user-created tags would result in duplicate tags (users looking for 5e content would get different results searching “5e” vs “5th edition”), but we would not have to maintain an ever-growing list of systems ourselves or cater to individual requests.
• If we really wanted to, would it make sense to maintain a predefined list of tags that will be treated as “systems” (for search purposes, etc.) but otherwise are just normal tags? Maybe they display differently or show up as “suggested” when a user starts typing a tag?

@ericscheid @G-Ambatte @jeddai @AlexeySachkov ?

[ericscheid]

Btw, if we’re looking at merging the brew.systems object into brew.tags, can we take care to be more explicit with the literal values. Having system:3.5e and system:5e without specifying that those are versions of D&D will lead to confusion.

For example: I use HB for my AD&D 2e stuff, but I won’t tag those brews as 2e as that will only annoy Pathfinder 2e users to no end. (And they me in return). Meanwhile there are also 2nd, 3rd, and 4th editions of WFRP. Best to include the base system in the tag value: (e.g.) system:D&D 2e, system:PF 2e, system:WFRP 2e, system:D&D 5e.

Also, we need to add & as a valid character in tags before we go creating system:D&D 5e tags. (see https://github.com/naturalcrit/homebrewery/issues/2333)