Improve Matrix flair design for virtualUser's

Improve Matrix flair design for virtualUser's

Fix #2645 (closed)

Main message feed	Thread message feed	Email

Nice alt text:

Testing strategy

Test messages:

1. Just send messages from Matrix in one of the bridged rooms

Test emails:

1. Add Amazon SES secrets to your .env, https://gitlab.com/gl-gitter/secrets/-/blob/master/webapp/prod#L9-10
   • amazonses__accessKeyId
   • amazonses__secretAccessKey
2. Setup a room with some Matrix virtualUser messages
3. node .\scripts\utils\send-unread-notification-email.js --username MadLittleMods --room-uri MadLittleMods/postcss-css-variables --dummy=false

Dev notes

Follow up to where we added the flair in !2027 (merged) and !2052 (merged)

TODO:

• Chat item template
• Threaded conversation chat item
• Unread email template
• Merge @gitterhq/env MR to for CSS edits in lib/mailers/legacy_mandrill_templates/unread-notification_html.hbs
  • -> env!31 (merged) (I'm waiting to merge this until we're happpy with this MR)