CLC-1519 - [Front-end] Implement new activity designs

https://jira.media.berkeley.edu/jira/browse/CLC-1519