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 think there's an extra space here between `)` and `{` that can be removed!

The other question is are we using this same convention for all parameter + curly bracket occurrences, such as function declarations too @psybuzz? I think the answer to this that we've settled on before is yes, but I'm looking at the rest of this file and there's a lot of inconsistency right now. That may something that we work on in a future PR to ensure that code style is consistent in some of these files, but for now I just want to ensure that this is correct for newly added code. If so, then `function styleNewNames()  {` should become `function styleNewNames (){`.