WIP - Student Notes UI

While its inconsistent with some of the older code samples here in the LMS HTML, when we've built out new UI wrappers, named the wrapper with a ``wrapper-`` prefix (e.g. ``wrapper-content``).