Messaging View Overhaul

This is the biggest push to date in terms of changes.
The PR addresses 7 issues in the workflow panel:

1. It fixes the conversation height issue, scrolling stops working bug on load
2. Conversation area height is also enlarged
3. It dynamically displays user initials in the conversation area
4. The options panel are hidden on mobile (mobile is conversation only)
5. Back home button has a slightly better styling
6. The conversation shapes are dynamically generated based on the number of participants and their colors

Check them out guys @psybuzz @nikilselvam !
I decided to can ```display-fade-bottom```, as the vertical bottom height is too difficult to match up when the height we use is a percentage value, based on the device. The the display-fade-bottom for some reason doesn't respond to its parent ```div.display```'s reference. Its reference is always the ```.wrapper``` div. I've yet to find out why it's not working, canned for V1. Will be adding a Trello task for the as a future tech debt.