fix(dashboard,ui): Fix outline flash on FocusModal (#9624)

**What**
- Fixes an issue where the `outline` would flash on FocusModals when the focus was transferred to the modal.
- Fixes an issue where the selected value of the combobox component was misaligned for single value comboboxes.

Resolves CC-604

packages/admin/dashboard/src/components/inputs/combobox/combobox.tsx

@@ -256,14 +256,30 @@ const ComboboxImpl = <T extends Value = string>(
         )}
         <div className="relative flex size-full items-center">
           {showSelected && (
-            <div className="pointer-events-none absolute inset-y-0 left-[calc(var(--tag-width)+8px)] flex size-full items-center">
+            <div
+              className={clx(
+                "pointer-events-none absolute inset-y-0 flex size-full items-center",
+                {
+                  "left-[calc(var(--tag-width)+8px)]": showTag,
+                  "left-2": !showTag,
+                }
+              )}
+            >
               <Text size="small" leading="compact">
                 {t("general.selected")}
               </Text>
             </div>
           )}
           {hideInput && (
-            <div className="pointer-events-none absolute inset-y-0 left-[calc(var(--tag-width)+8px)] flex size-full items-center overflow-hidden">
+            <div
+              className={clx(
+                "pointer-events-none absolute inset-y-0 flex size-full items-center overflow-hidden",
+                {
+                  "left-[calc(var(--tag-width)+8px)]": showTag,
+                  "left-2": !showTag,
+                }
+              )}
+            >
               <Text size="small" leading="compact" className="truncate">
                 {selectedLabel}
               </Text>