CLC-976 Implement redesigned Settings page

https://jira.media.berkeley.edu/jira/browse/CLC-976
https://confluence.media.berkeley.edu/confluence/display/MYB/Settings+Page+Design