Add snack bar to inform when Plan is being deleted

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

@@ -126,7 +126,7 @@
         <p>{{ course.grade || '&nbsp;' }}</p>
       </div>
       <div fxLayout="row" fxLayoutAlign="end center">
-        <p
+        <p *ngIf="type !== 'saved'"
           class="course-credits"
           cdkFocusRegionEnd
           aria-label="Total number of credits in term">

src/app/degree-planner/store/effects/plan.effects.ts

@@ -303,6 +303,10 @@ export class DegreePlanEffects {
       const { roadmapId } = action.payload;
       return this.api.deleteDegreePlan(roadmapId).pipe(
         map(() => new DeletePlanSuccess({ roadmapId })),
+        tap(() => {
+          const message = `Deleting selected plan`;
+          this.snackBar.open(message, undefined, { duration: 10000 });
+        }),
         catchError(error => {
           return of(
             new PlanError({