CLC-3315 Prototype: Creating a profile page: Implented User's preferred name and profile picture

https://jira.ets.berkeley.edu/jira/browse/CLC-3315

PR for convenience to the look at the code. No ruby tests yet