Add Settings Container Component

src/app/components/dropdown/dropdown.html

@@ -7,7 +7,7 @@
 </ng-template>
 
 <div class="dropdown-box">
-  @if (icon()) {
+  @if (icon()?.trim()?.length ?? 0 > 0) {
     <span class="material-symbols-outlined icon-24 prefix-icon" aria-hidden="true">{{ icon() }}</span>
   }
 
@@ -22,13 +22,13 @@
 
 @if (isOpen()) {
   <div class="dropdown-container" tabindex="-1">
-    <ul class="dropdown-list" role="listbox" [id]="dropdownId + '-listbox'" tabindex="-1">
+    <ul class="dropdown-list" role="listbox" [id]="dropdownID + '-listbox'" tabindex="-1">
       @for (option of filteredOptions(); track option.value; let i = $index) {
         <li
           #optionItem
           class="dropdown-item"
           role="option"
-          [id]="dropdownId + '-option-' + i"
+          [id]="dropdownID + '-option-' + i"
           [class.selected]="option.value === value()"
           [class.focused]="i === focusedIndex()"
           [attr.aria-selected]="option.value === value()"