Student Notes UI

This work is for [TNL-932] (https://openedx.atlassian.net/browse/TNL-932)

@polesye Ping me with any questions, please.

CC'ing @talbs @explorerleslie 
> The "more" link is used to clip (via JavaScript) notes to something manageable in case someone clips a very long note. There should be a "more" link, and then a "show less" link.

How many characters?