Fix visualization of steps with no questions (#4298)

Author: evilaliv3

client/app/src/pages/whistleblower/form/form.component.html

@@ -1,11 +1,13 @@
-@for (row of rows; track row; let fieldRow = $index) {
-  <div class="row">
-    @for (field of row | orderBy:'x' ;let fieldCol = $index; track field) {
-      @if (field.enabled) {
-        <div [ngClass]="fieldUtilitiesService.getClass(field, row.length)">
-          <src-form-field-inputs [fileUploadUrl]="fileUploadUrl" (notifyFileUpload)="notifyFileUpload.emit()" [fieldEntry] = fieldEntry [identity_provided]=identity_provided [uploads]="uploads" [entry]="entry" [fields]="fields" [step]="step" [displayErrors]="displayErrors" [index]="index" [submission]="submission" [answers]="answers" [stepId]="stepId" [fieldCol]="fieldCol" [fieldRow]="fieldRow" [field]="field"></src-form-field-inputs>
-        </div>
+@if (rows.length) {
+  @for (row of rows; track row; let fieldRow = $index) {
+    <div class="row">
+      @for (field of row | orderBy:'x' ;let fieldCol = $index; track field) {
+        @if (field.enabled) {
+          <div [ngClass]="fieldUtilitiesService.getClass(field, row.length)">
+            <src-form-field-inputs [fileUploadUrl]="fileUploadUrl" (notifyFileUpload)="notifyFileUpload.emit()" [fieldEntry] = fieldEntry [identity_provided]=identity_provided [uploads]="uploads" [entry]="entry" [fields]="fields" [step]="step" [displayErrors]="displayErrors" [index]="index" [submission]="submission" [answers]="answers" [stepId]="stepId" [fieldCol]="fieldCol" [fieldRow]="fieldRow" [field]="field"></src-form-field-inputs>
+          </div>
+        }
       }
-    }
-  </div>
-}
+    </div>
+  }
+}