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 !
This is a great function, Tony.  I like what's going on, but I think that there could be much to gain from moving all this logic into the around line 73.  From an architectural standpoint, moving this logic into the for loop should also be more efficient, because we would be performing one loop through all the userShapes, not too.

Do you think you could move this logic into the for loop?