Added "Generate Report" and got rid of program

year and enrollment date

ui/winstudentgoaltracker/src/app/desktop/components/add-student-modal/add-student-modal.html

@@ -20,7 +20,7 @@
             />
         </div>
 
-        <div class="field">
+        <!-- <div class="field">
             <label for="programYear">Program Year</label>
             <input   
                 id="programYear"
@@ -39,7 +39,7 @@
                 [(ngModel)]="form.enrollmentDate"
                 name="enrollmentDate"
             />
-        </div>
+        </div> -->
 
         <div class="field">
             <label for="expectedGrad">Expected Graduation</label>

ui/winstudentgoaltracker/src/app/desktop/components/goal-list/goal-list.html

@@ -1,6 +1,7 @@
 <div class="toolbar">
     <button class="toolbar-btn back-btn" (click)="onBack()">&#8592; Students</button>
     <span class="spacer"></span>
+    <button class="generate-report"> ⭐ Generate progress report</button>
     <button class="toolbar-btn" (click)="onAddGoal()">+ Add a Goal</button>
 </div>
 

ui/winstudentgoaltracker/src/app/desktop/components/goal-list/goal-list.scss

@@ -4,6 +4,24 @@
     height: 100%;
 }
 
+.generate-report {
+    display: inline-flex;
+    align-items: center;
+    background-color: #4000ee;
+    color: white;
+    border: none;
+    padding: 8px 14px;
+    border-radius: 6px;
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: pointer;
+
+}
+
+.generate-report:hover {
+    background-color: #4f46e5;
+}
+
 .toolbar {
     display: flex;
     align-items: center;
@@ -15,6 +33,7 @@
     border-bottom: 1px solid #ddd;
     margin-bottom: 1rem;
     flex-shrink: 0;
+    cursor: pointer;
 }
 
 .toolbar-btn {

ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.html

@@ -1,5 +1,5 @@
 <div class="toolbar">
-    <h1 class= "page-title"> Students</h1>
+    <h1 class= "page-title"> My Students -  <span class="student-count"> {{ students().length}}</span></h1>
     <button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button>
 </div>
 

ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.scss

@@ -44,3 +44,4 @@
     overflow-y: auto;
     flex: 1;
 }
+