Merged PR 1871: fix(ui-dropdown): improve dropdown usability and conditional rendering

fix(ui-dropdown): improve dropdown usability and conditional rendering

Refines the logic for displaying quantity and product category dropdowns in the return details order group item controls. Ensures dropdowns are only shown when appropriate and maintains accessibility and user experience.

Ref: #5189

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

@@ -10,7 +10,7 @@
   justify-content: space-between;
 
   ng-icon {
-    @apply size-6;
+    @apply min-w-5 size-5 mt-[0.125rem];
   }
 
   &.disabled {
@@ -58,6 +58,10 @@
   }
 }
 
+.ui-dropdown__text {
+  @apply overflow-hidden text-ellipsis whitespace-nowrap;
+}
+
 .ui-dropdown__options {
   // Fixed typo from ui-dorpdown__options
   display: inline-flex;

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

@@ -1,4 +1,4 @@
-<span>{{ viewLabel() }}</span>
+<span [class]="['ui-dropdown__text']">{{ viewLabel() }}</span>
 <ng-icon [name]="isOpenIcon()"></ng-icon>
 
 <ng-template