[NEW] Show user's status description by the usernames in messages list (#14892)

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

app/ui-message/client/message.html

@@ -33,6 +33,9 @@
 					<button type="button" class="user user-card-message color-primary-font-color" data-username="{{msg.u.username}}" tabindex="1">
 						{{getName}}{{#if showUsername}} <span class="message-alias border-component-color color-info-font-color">@{{msg.u.username}}</span>{{/if}}
 					</button>
+					{{#if getStatus}}
+						<button class="rc-tooltip rc-tooltip--up rc-tooltip--start" aria-label="{{getStatus}}">💬</button>
+					{{/if}}
 					<span class="info border-component-color color-info-font-color"></span>
 					{{#each role in roleTags}}
 						<span class="role-tag color-secondary-color border-component-color" data-role="{{role.description}}">{{role.description}}</span>

app/ui-message/client/message.js

@@ -3,6 +3,7 @@ import s from 'underscore.string';
 import { Meteor } from 'meteor/meteor';
 import { Tracker } from 'meteor/tracker';
 import { Template } from 'meteor/templating';
+import { Session } from 'meteor/session';
 import { TAPi18n } from 'meteor/rocketchat:tap-i18n';
 
 import { timeAgo, formatDateAndTime } from '../../lib/client/lib/formatDate';
@@ -123,6 +124,10 @@ Template.message.helpers({
 			return msg.avatar.replace(/^@/, '');
 		}
 	},
+	getStatus() {
+		const { msg } = this;
+		return Session.get(`user_${ msg.u.username }_status_text`);
+	},
 	getName() {
 		const { msg, settings } = this;
 		if (msg.alias) {