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've been changing the lines, I don't know if this is a good treatment.
things such as this: ```styleNewNames(styleSelection){``` would also need to be changed.

jQuery by default have things such this: ```$('textarea').val();``` and this ```('#mainform').on('submit'```, do we add spaces to all those jQuery functions as well?

I think having the spacing just looks jarring. I prose we leave no space between the function name and the first bracket. So going forward it should be ````function(){```.

@nikilselvam @psybuzz. What do you guys think?