ROENROLL-1705 change course-not-offered icon

src/app/degree-planner/shared/course-item/course-item.component.html

@@ -37,7 +37,7 @@
             </i>
             <i
               *ngSwitchCase="'Incomplete'"
-              class="material-icons cancel-icon"
+              class="material-icons incomplete-icon"
               alt="Course is incomplete"
               aria-label="Course is incomplete"
               matTooltip="Course is incomplete"
@@ -60,7 +60,7 @@
               aria-label="Course is no longer offered"
               matTooltip="Course is no longer offered"
               matTooltipPosition="above">
-              remove
+              not_interested
             </i>
           </span>
         </div>

src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html

@@ -28,7 +28,7 @@
       </mat-list-item>
       <mat-list-item role="listitem">
         <i
-          class="material-icons cancel-icon"
+          class="material-icons incomplete-icon"
           alt="Course is incomplete"
           matTooltip="Course is incomplete"
           matTooltipPosition="left">
@@ -52,7 +52,7 @@
           alt="Course is no longer offered"
           matTooltip="Course is no longer offered"
           matTooltipPosition="left">
-          strikethrough_s
+          not_interested
         </i>
         Course is no longer offered
       </mat-list-item>

src/assets/sass/general.scss

@@ -85,7 +85,8 @@ body {
   color: #ef6c00;
 }
 
-.cancel-icon {
+.incomplete-icon,
+.not-offered-icon {
   color: #6e655f;
 }
 
@@ -97,13 +98,9 @@ body {
   color: map-get($uw-primary, 500);
 }
 
-.not-offered-icon {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .in-progress-icon,
 .problem-icon,
-.cancel-icon,
+.incomplete-icon,
 .error-icon,
 .help-icon,
 .not-offered-icon {