chore: housekeeping

src/components/dropdown/dropdown.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostLi
 import { dropdownAnimation } from "./dropdown.animation";
 
 @Component({
-  selector : 'dropdown',
+  selector : 'dropdown-component',
   templateUrl : './dropdown.template.html',
   styleUrls : [
     `./dropdown.style.css`

src/ui/banner/banner.style.css

@@ -5,7 +5,7 @@ div[container]
   height:0px;
 }
 
-dropdown, div[container] > div[searchRegionPopover]
+dropdown-component, div[container] > div[searchRegionPopover]
 {
   margin-left:1em;
   height: 2em;

src/ui/banner/banner.template.html

@@ -3,21 +3,21 @@
   <img src = "res/image/HBP_Primary_RGB_WhiteText.png" />
 </span>
 <div container>
-  <dropdown
+  <dropdown-component
     (itemSelected) = "selectTemplate($event)"
     [activeDisplay] = "displayActiveTemplate"
     [selectedItem] = "selectedTemplate"
     [inputArray] = "loadedTemplates$ | async">
   
-  </dropdown>
+  </dropdown-component>
   
-  <dropdown
+  <dropdown-component
     *ngIf = "selectedTemplate"
     (itemSelected) = "selectParcellation($event)"
     [activeDisplay] = "displayActiveParcellation"
     [selectedItem] = "selectedParcellation"
     [inputArray] = "selectedTemplate.parcellations">
-  </dropdown>
+  </dropdown-component>
 
   <div 
     *ngIf = "selectedTemplate"