Chorehancement: update to Angular v22, 'zoneless' / 'reactive' (#13114)

src-ui/src/app/components/document-list/document-list.component.html

@@ -36,7 +36,7 @@
     </button>
     <div ngbDropdownMenu aria-labelledby="dropdownDisplayFields" class="shadow">
       <div class="px-3">
-        @for (field of settingsService.allDisplayFields; track field.id) {
+        @for (field of settingsService.allDisplayFields(); track field.id) {
           <div class="form-check my-1">
             <input class="form-check-input mt-1" type="checkbox" id="displayField{{field.id}}" [checked]="activeDisplayFields.includes(field.id)" (change)="toggleDisplayField(field.id)">
             <label class="form-check-label" for="displayField{{field.id}}">{{field.name}}</label>