User role badges for work item notes

What does this MR do and why?

In continuation to Author badge with work item notes (!121968 - merged) , we are adding Contributor and Developer/Owner/Maintaner badge with work item note comments after backend backend was merged in 16.1

To be merged in 16.2 due to backward compatibility

Screenshots or screen recordings

Contributor badge with tooltips	Access Level badge with tooltips

How to set up and validate locally

To impersonate a user

1. Visit Admin -> Users

2. Click on any user
3. In the user full view -> see the Impersonate button at the top
4. Press the Impersonate button and you can do anything as that user 🙂

To create users with different access levels

1. Go to any project 2. In the navbar/sidebar to go Manage -> Members

3. You should see a screen with the the users and their max levels4. Impersonate any of the user with different roles and try to comment on any work item

To create a contributor to a project

1. Add a user/visit an already added user ( Admin -> Users )

2. Impersonate as this user then make some commit (update readme.md or something)

3. Remove the user’s access by visiting the Members page of the project ( Manage -> Members )

To check contributor badge

1. Write a comment to any work item to a project as a contributor
2. See that you can see the contributor badge

To check max level of access of the note author

1. Try to impersonate different users with different roles and write comments to work items
2. See that you can see those badges with work item notes

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #412786 (closed)