✨ Add dropdown component and styles

Introduced a new dropdown component with associated styles and fixed a typo.

- ✨ **Feature**: Added dropdown component and its styles
- 🎨 **Style**: Updated styles for dropdown button and options
- 🐛 **Fix**: Corrected typo in dropdown options class name

libs/ui/input-controls/src/input-controls.scss

@@ -1,2 +1,3 @@
 @use "./lib/checkbox/checkbox";
 @use "./lib/chips/chip-option";
+@use "./lib/dropdown/dropdown";

libs/ui/input-controls/src/lib/dropdown/_dropdown.scss

@@ -27,7 +27,8 @@
   }
 }
 
-.ui-dorpdown__options {
+.ui-dropdown__options {
+  // Fixed typo from ui-dorpdown__options
   display: inline-flex;
   padding: 0.25rem;
   flex-direction: column;

libs/ui/input-controls/src/lib/dropdown/dropdown.component.html

@@ -9,7 +9,8 @@
   [cdkConnectedOverlayMinWidth]="overlayMinWidth"
   (detach)="isOpen.set(false)"
 >
-  <ul [class]="['ui-dorpdown__options']" role="listbox">
+  <ul [class]="['ui-dropdown__options']" role="listbox">
+    <!-- Fixed typo -->
     <ng-content></ng-content>
   </ul>
 </ng-template>

libs/ui/input-controls/src/lib/dropdown/dropdown.component.ts

@@ -71,9 +71,7 @@ export class DropdownOptionComponent<T> implements Highlightable {
 @Component({
   selector: 'ui-dropdown',
   templateUrl: './dropdown.component.html',
-  styleUrls: ['./dropdown.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
   hostDirectives: [CdkOverlayOrigin],
   imports: [NgIconComponent, CdkConnectedOverlay],
   providers: [provideIcons({ isaActionChevronUp, isaActionChevronDown })],