re-add term notes ui

src/app/degree-planner/term-container/term-container.component.html

@@ -96,6 +96,26 @@
         </ng-template>
       </div>
     </div>
+
+    <!-- Render term note (if it exists) -->
+    <ng-container *ngIf="(note$ | async) as note">
+      <ng-container *ngIf="note.isLoaded; else noteIsLoading">
+        <div class="note-item" (click)="openNotesDialog(note)">
+          <p class="semi-bold">Note</p>
+          <p class="note-excerpt">{{ note.text }}</p>
+        </div>
+      </ng-container>
+      <ng-template #noteIsLoading>
+        <div class="note-item note-item-loading">
+          <p class="semi-bold">Note</p>
+          <p class="note-excerpt">{{ note.text }}</p>
+          <mat-progress-spinner
+            mode="indeterminate"
+            diameter="24"
+          ></mat-progress-spinner>
+        </div>
+      </ng-template>
+    </ng-container>
   </div>
 
   <!-- If this term is an active term -->