Display badges on a user's posts and comments for when a user is banned in communities or from the instance

[DraconicNEO]

Requirements

• [X] This is a feature request and not a bug report. Otherwise, please create a new bug report instead.
• [X] Please check to see if this request (or a similar one) already exists.
• [X] #2756

Describe the feature you'd like

It would be useful to know when reading a user's comments or posts in a community or in the feeds if the user has been banned from the community or from the instance. I think it would be a good idea to implement badges showing when a user is banned in a community or when they are banned from the site. That way people are well aware the user they are interacting with is banned and likely won't respond to them.

Example mockup I made to show what it would look like in the scenario of a user being banned from a community and the instance at the same time.

Here is banned from the instance on its own:

Here's banned from the community on its own:

[dessalines]

If you'd like to take a crack at this, feel free. The place to look is src/shared/components/common/user-badges.tsx , and it'd entail separating the banned prop into banned and banned_from_community.