Rename all references of Favorites to Saved for later in UI

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

@@ -11,7 +11,6 @@
 				<cse-course-item
 						[course]="course"
 						[favoriteCourses]="favoriteCourses"
-						[status]="'favorite'"
 						[savedForLater]="true"
 						[term]="term"
 						[termsByAcademicYear]="termsByAcademicYear"

src/app/degree-planner/favorites-container/favorites-container.component.scss

@@ -7,7 +7,7 @@
 .cdk-drop-list-dragging {
 	position: relative;
 	&:after {
-		content: 'Add course to favorites';
+		content: 'Add course to Saved for later';
 		position: absolute;
 		top: 0;
 		right: 0;

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

@@ -12,7 +12,6 @@
 						<i *ngSwitchCase="'in-progress'" class="material-icons in-progress-icon">check_circle</i>
 						<i *ngSwitchCase="'waitlist'" class="material-icons problem-icon">report_problem</i>
 						<i *ngSwitchCase="'incomplete'" class="material-icons error-icon">error</i>
-						<i *ngSwitchCase="'favorite'" class="material-icons favorite-icon">favorite_border</i>
 					</div>
 				</div>
 			</div>
@@ -28,7 +27,7 @@
 					<button mat-menu-item (click)="openCourseDetailsDialog(course)">Course Details</button>
 					<button mat-menu-item [matMenuTriggerFor]="academicYearsGroup">Move</button>
 						<mat-menu #academicYearsGroup="matMenu" class="course-item-submenu">
-							<button mat-menu-item (click)="moveToFavorites(course)" *ngIf="status !== 'favorite'" class="favorites-list">Favorites list</button>
+							<button mat-menu-item (click)="moveToFavorites(course)" *ngIf="status !== 'favorite'" class="favorites-list">Saved for later</button>
 							<button mat-menu-item *ngFor="let academicYear of termsByAcademicYear | keyvalue" [matMenuTriggerFor]="termsInAcademicYearGroup">
 								{{ academicYear.value.year | academicYearRange }}
 								<mat-menu #termsInAcademicYearGroup="matMenu" class="course-item-submenu">

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

@@ -10,14 +10,13 @@
 			<li><i class="material-icons in-progress-icon">check_circle</i> Course is currently in progress</li>
 			<li><i class="material-icons problem-icon">report_problem</i> Course is waitlisted</li>
 			<li><i class="material-icons error-icon">error</i> Course is incomplete</li>
-			<li><i class="material-icons not-offered">remove</i>Course no longer offered</li>
-			<li><i class="material-icons favorite-icon">favorite_border</i> Course is a favorite</li>
+			<li><i class="material-icons not-offered">remove</i>Course no longer offered in term</li>
 		</ul>
 	</mat-expansion-panel>
 	<mat-expansion-panel id="course-keys-container" expanded="true">
 		<mat-expansion-panel-header>
 			<mat-panel-title>
-				<h3>Favorites</h3>
+				<h3>Saved for later</h3>
 			</mat-panel-title>
 		</mat-expansion-panel-header>
 		<cse-favorites-container [termsByAcademicYear]="termsByAcademicYear" [favoriteCourses]="favoriteCourses" [favoriteDropZone]='favoriteDropZone' [subjectsMap]="subjectsMap"></cse-favorites-container>

src/assets/sass/general.scss

@@ -73,16 +73,11 @@ body {
     color: map-get($uw-primary, 500);
 }
 
-.favorite-icon {
-    color: map-get($uw-accent, 600);
-}
-
 .complete-icon,
 .in-progress-icon,
 .problem-icon,
 .error-icon,
 .help-icon,
-.favorite-icon,
 .not-offered {
     font-size: 16px !important;
     margin-left: 5px;