Adjust Dropdown CSS to Match Design

src/app/components/dropdown/dropdown.html

@@ -1,14 +1,17 @@
-<div class="dropdown-trigger">
+<div class="dropdown-box">
+  @if (icon()) {
+    <span class="material-symbols-outlined icon-24 prefix-icon">{{ icon() }}</span>
+  }
   <span class="placeholder">{{ selectedLabel }}</span>
-  <span class="chevron" [class.open]="isOpen()"></span>
+  <span class="material-symbols-outlined icon-24 chevron" [class.open]="isOpen()">keyboard_arrow_down</span>
 </div>
 
 @if (isOpen()) {
   <ul class="dropdown-list" role="listbox">
     @for (option of options(); track option.value; let i = $index) {
-      <li 
-        class="dropdown-item" 
-        role="option" 
+      <li
+        class="dropdown-item"
+        role="option"
         [class.selected]="option.value === selectedValue()"
         [class.focused]="i === focusedIndex()"
         [attr.aria-selected]="option.value === selectedValue()"