try to fix some for loop tracking issues

src/app/components/array-form/array-form.component.html

@@ -1,7 +1,7 @@
 @if (paramFormControl && paramInfo?.schema) {
   @if (arrayValue) {
     <div cdkDropList (cdkDropListDropped)="dropItem($event)" [cdkDropListData]="arrayValue">
-      @for (item of arrayValue; track trackByIndex(i, item); let i = $index) {
+      @for (item of arrayValue; track $index; let i = $index) {
         <div cdkDrag class="flex my-2 mr-2 items-center">
           <label for="item-{{ i }}" class="text-white mr-1 hover:cursor-move" cdkDragHandle
             >{{ i }}:</label

src/app/components/array-form/array-form.component.ts

@@ -100,11 +100,7 @@ export class ArrayFormComponent implements OnInit {
       );
     }
   }
-
-  trackByIndex(index: number, obj: any): any {
-    return index;
-  }
-
+  
   // NOTE(jwetzel): this is only needed for object item types
   updateItem(index: number, value: any) {
     if (this.arrayValue) {

src/app/components/module-list/module-list.component.html

@@ -19,7 +19,7 @@
     <div class="text-white">Modules</div>
   </div>
   <div class="flex-grow overflow-x-hidden overflow-y-auto gap-1.5">
-    @for (module of modules(); track module; let i = $index) {
+    @for (module of modules(); track module.id; let i = $index) {
       <div class="m-2">
         <app-module
           [path]="`modules/${i}`"

src/app/components/module/module.component.html

@@ -50,7 +50,7 @@
             <mat-icon>error</mat-icon>
             <span class="ml-1">Module Errors</span>
           </div>
-          @for (error of moduleConfigErrors(); track error) {
+          @for (error of moduleConfigErrors(); track $index) {
             <div class="ml-4 mb-1 text-white">
               {{ error.error }}
             </div>

src/app/components/route-list/route-list.component.html

@@ -10,7 +10,7 @@
     <div class="text-white">Routes</div>
   </div>
   <div class="flex-grow overflow-x-hidden overflow-y-auto gap-1.5">
-    @for (route of routes(); track route; let i = $index) {
+    @for (route of routes(); track $index; let i = $index) {
       <div class="m-2">
         <app-route 
           [path]="`routes/${i}`"

src/app/components/route/route.component.html

@@ -59,7 +59,7 @@
         </div>
         @if (processors() !== undefined && processors()!.length > 0) {
             <div class="border-2 border-gray-500 m-2">
-            @for (processor of processors(); track processor; let i = $index) {
+            @for (processor of processors(); track $index; let i = $index) {
               <div cdkDrag>
                 <app-processor
                   [path]="path() + '/processors/' + i"
@@ -80,7 +80,7 @@
             <mat-icon>error</mat-icon>
             <span class="ml-1">Route Errors</span>
           </div>
-          @for (error of routeConfigErrors(); track error) {
+          @for (error of routeConfigErrors(); track error.index) {
             <div class="ml-4 mb-1 text-white">
               {{ error.error }}
             </div>