chore: use a single aggregated region tree

src/ui/banner/banner.component.ts

@@ -237,5 +237,12 @@ export class AtlasBanner implements OnDestroy{
   }
 
   filterNameBySearchPipe = new FilterNameBySearch()
+
+  get aggregatedRegionTree(){
+    return {
+      name : this.selectedParcellation.name,
+      children : this.selectedParcellation.regions
+    }
+  }
 }
 

src/ui/banner/banner.template.html

@@ -37,16 +37,16 @@
       *ngIf = "showRegionTree" 
       hideScrollbarContainer>
 
-      <div treeContainer>
+      <div treeContainer #treeContainer>
         <div treeHeader>
           <span>{{ selectedRegions.length }} {{ selectedRegions.length > 1 ? 'regions' : 'region' }} selected</span> 
           <span (click) = "clearRegions($event)" *ngIf = "selectedRegions.length > 0" class = "btn btn-link">clear all</span>
         </div>
         
         <flat-tree-component 
-          *ngFor = "let child of selectedParcellation.regions "
+          [flatTreeViewPort] = "treeContainer"
           (treeNodeClick) = "handleClickRegion($event)"
-          [inputItem] = "child"
+          [inputItem] = "aggregatedRegionTree"
           [renderNode] = "displayTreeNode.bind(this)"
           [searchFilter] = "filterTreeBySearch.bind(this)">