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 !
Negative sir. If we want to preserve the ability to edit them, the SVGs must be in-line, at least for now. Using an ```<img>``` tag will render them 'flat'. Not being able to controlled dynamically. There are two other ways of including svg, using php and using object tags are slightly more complicated than we we need to accomplish, so I've opted to use SVGs in-line.