make processors drag and droppable within their own route

src/app/components/route/route.html

@@ -63,7 +63,11 @@
           <div class="text-md text-white text-center">Processors</div>
         </div>
         @if (processors() !== undefined && processors()!.length > 0) {
-          <div class="border-2 border-gray-500 m-2">
+          <div class="border-2 border-gray-500 m-2"
+          cdkDropList
+          (cdkDropListDropped)="drop($event)"
+          [cdkDropListData]="route()?.processors"
+          >
             @for (processor of processors(); track $index; let i = $index) {
               <div cdkDrag>
                 <app-processor
@@ -71,6 +75,7 @@
                   (processorChange)="processorUpdated(i, $event)"
                   [processor]="processor"
                   (delete)="deleteProcessor(i)"
+                  [inDragList]="true"
                 ></app-processor>
               </div>
             }