[#12280] Improve display for create course card header (#12500)

* fix: add css for create course card header

* fix: lint indentation fixes

* fix: conditionally apply styles for add mode

* fix: update snapshots

* fix: re-add whitespaces

* fix: re-add whitespaces

src/web/app/components/course-edit-form/__snapshots__/course-edit-form.component.spec.ts.snap

@@ -27,7 +27,7 @@ exports[`CourseEditFormComponent should snap when in ADD Mode and is display onl
     class="card"
   >
     <div
-      class="card-header bg-primary text-white"
+      class="card-header bg-primary text-white add-mode"
     >
       <strong>
         Create a new Course
@@ -248,7 +248,7 @@ exports[`CourseEditFormComponent should snap when in ADD Mode with default field
     class="card"
   >
     <div
-      class="card-header bg-primary text-white"
+      class="card-header bg-primary text-white add-mode"
     >
       <strong>
         Create a new Course

src/web/app/components/course-edit-form/course-edit-form.component.html

@@ -1,5 +1,5 @@
 <div class="card">
-  <div class="card-header bg-primary text-white">
+  <div class="card-header bg-primary text-white" [ngClass]="{'add-mode': isInAddMode}">
     <strong *ngIf="isInEditMode">Course</strong>
     <strong *ngIf="isInAddMode">Create a new Course</strong>
     <div class="card-header-btn-toolbar">

src/web/app/components/course-edit-form/course-edit-form.component.scss

@@ -6,3 +6,13 @@
 .fill-plain {
   background-color: #EAEFF5;
 }
+
+@media (max-width: 576px) {
+  .add-mode {
+    display: flex;
+    flex-direction: column;
+    align-content: flex-start;
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+}

src/web/app/pages-instructor/instructor-courses-page/__snapshots__/instructor-courses-page.component.spec.ts.snap

@@ -875,7 +875,7 @@ exports[`InstructorCoursesPageComponent should snap when new course form is expa
         class="card"
       >
         <div
-          class="card-header bg-primary text-white"
+          class="card-header bg-primary text-white add-mode"
         >
           <strong
             style=""