ROENROLL-1762 fix unset term in course details modal

src/app/shared/components/course-details/course-details.component.html

@@ -3,7 +3,7 @@
     <div class="term-selection" *ngIf="type === 'search' || type === 'saved'" fxLayout="row" fxFlex="100">
       <form [formGroup]="termSelector" (ngSubmit)="addCourseToPlan($event)" style="width:100%;display:flex">
         <mat-form-field style="margin-right:20px;">
-          <mat-select placeholder="Term" aria-label="Term" matInput role="listbox" formControlName="term" cdkFocusInitial>
+          <mat-select [compareWith]="sameTermCodes" placeholder="Term" aria-label="Term" matInput role="listbox" formControlName="term" cdkFocusInitial>
             <mat-option role="option" *ngFor="let term of (droppableTermCodes$ | async)" [value]="term" >
               {{ term | getTermDescription }}
             </mat-option>