Improve Organization membership visibility status

[aschrijver]

Description

It is unclear that members that were added to an Organization have a visibilty status, which determines whether or not their avatar is shown publicly.

Once you are member you see all other members / teams, and not aware that some (maybe including yourself) are private to the outside world. This way you can also forget to respect one's privacy status, and mention their membership in public. Or you might screenshot the membership UI box.

In terms of UX improvement there are multiple options:

1. Give the Avatar's of private members a Flair emoji to indicate their hidden/private visibility status. Hovering over their avatar might show "Username (Hidden)" in the alt-text as well.

2. Visually divide the group of Organization members in 2 separate parts: visible members and hidden members.

   • To tackle screenshots exposing private members, the private subset might be a collapsible region, so these members aren't visible by default.

First reported downstream in forgejo/#298.

Gitea Version

1.18.0+51-g796b084 (Codeberg)

Can you reproduce the bug on the Gitea demo site?

Yes

Log Gist

No response

Screenshots

Background to this issue was this project where 3 organization members weren't aware of the very existence of a Visibility status, and one person asking how to change it.

The screenshot above shows membership of the project, edited to hide private members. Two of the private members are Teams.

Git Version

No response

Operating System

No response

How are you running Gitea?

Running on Codeberg.

Database

None