CSCEXAM-000 Fix some angular for-loop tracking issues

Author: lupari

ui/src/app/enrolment/finished/exam-answers-dialog.component.html

@@ -50,7 +50,7 @@ <h3 class="row mt-3">
         </div>
     }
 
-    @for (section of sortedExam()!.examSections; track section) {
+    @for (section of sortedExam()!.examSections; track section.id) {
         <div class="row mt-3">
             <h4 class="row">
                 <div class="col-md-12">

ui/src/app/exam/editor/sections/sections.component.html

@@ -24,7 +24,7 @@
 <div class="row mx-2">
     <div class="col-md-12">
         <div cdkDropList [cdkDropListData]="exam().examSections" (cdkDropListDropped)="moveSection($event)">
-            @for (section of exam().examSections | orderBy: 'sequenceNumber'; track section; let i = $index) {
+            @for (section of exam().examSections | orderBy: 'sequenceNumber'; track section.id; let i = $index) {
                 <div class="section-box mb-4" cdkDrag cdkDragLockAxis="y">
                     <div class="dragdrop-placeholder" *cdkDragPlaceholder></div>
                     <div class="drag-preview" *cdkDragPreview>#{{ i }} {{ section.name }}</div>

ui/src/app/examination/navigation/examination-toolbar.component.html

@@ -82,7 +82,7 @@
             </div>
         </div>
 
-        @for (section of exam().examSections | orderBy: 'sequenceNumber'; track section; let i = $index) {
+        @for (section of exam().examSections | orderBy: 'sequenceNumber'; track section.id; let i = $index) {
             <div
                 class="row mt-3 ms-2 align-items-center phase-box"
                 [ngClass]="activeSection()?.sequenceNumber === i ? '' : 'notactive'"

ui/src/app/review/assessment/assessment.component.html

@@ -41,7 +41,7 @@ <h3>
 
     <!-- Sections -->
     @if (exam()?.examSections) {
-        @for (section of exam()!.examSections | orderBy: 'sequenceNumber'; track section; let index = $index) {
+        @for (section of exam()!.examSections | orderBy: 'sequenceNumber'; track section.id; let index = $index) {
             <xm-r-section
                 [section]="section"
                 [participation]="participation()!"

ui/src/app/review/assessment/print/printed-assessment.component.html

@@ -139,7 +139,7 @@ <h4>
         </div>
         <!-- Sections -->
         <div class="row firefox-print-fix">
-            @for (section of exam()!.examSections | orderBy: 'sequenceNumber'; track section; let index = $index) {
+            @for (section of exam()!.examSections | orderBy: 'sequenceNumber'; track section.id; let index = $index) {
                 <div class="mt-2 col-md-12">
                     <xm-printed-section [section]="section" [index]="index"></xm-printed-section>
                 </div>