Feature / Chat improvements

[Bratanov]

Related to: #49

• Added message timestamps. Style is a bit off, it takes space from the actual text, so any suggestions are welcome.

• Added colon after the user name. That was easy enough

• Added different color for system messages (Now playing). It will use the primary color, which is usually a bit more richer in color, excep for the PlayStrip theme, where it's transparent. Still not looking too bad.

• Fixed chat scrolling while manually scrolled up and autoscroll not needed.

  • Chat will now not autoscroll for a new message if the user has scrolled up manually (reading previous conversations)
  • Writing a new message will scroll down the chat to the latest written message
  • A "New message (Click to see)" notice will be shown, if a new message has been received, while user is scrolled up and has thus missed it (only for non-system chat messages)

• Emoji list

  • Using https://github.com/needim/wdt-emoji-bundle for now. It has a few known bugs, so let's see how it goes
  • Known bugs:
  • Top menu (emotji category switches) have their hitboxes offset to the left? Probably because of the changes to the picker icon?
  • Emojis don't render in the input field, and show text representation instead. We could render them manually, but it would probably cause a lot of issues. I don't feel too bad about this.

Want to do, but will do in another PR.

• Images rendered in chat
  • Pretty sure I want to limit those to show only https://giphy.com/* and https://imgur.com/*
• Reactions The idea is to use the emoji picker from the chat to have slack-like reactions to each messages. In order to do this the server code would have to be restructured a bit - reactions need to be added to the chat messages. In order to do this cleanly I have a few ideas for adding the reactions as a component/mixin/whatever to the chat, which might change the current architecture of the relationship between the Chat and ChatManager classes, as well as the Queue, QueueManager and VotesManager classes. Will present those in another PR.

[IvayloAtanasov]

All good in the hood. :tada:

I've added a few style tweaks as well. Take a :eye and merge if you like. :+1:

I'm OK with emoji style issues you've mentioned in description. Let's push the feature forward and dig deeper into it if we should.

Image rendering in the chat looks like fun. Adding reactions IMHO may be a bit overkill, so I'm a bit skeptical about that for now. Let's see if / how emojis will be used first.