fix: fixed the Filterable multiselect's divider between the decorator and close button (#21010)

* fix: added span to normalizedDecorator

* fix: remove redudant style affecting invalid and warn states

* chore: remove test story

Author: Gururajj77

packages/react/src/components/MultiSelect/FilterableMultiSelect.tsx

@@ -1070,7 +1070,11 @@ export const FilterableMultiSelect = forwardRef(function FilterableMultiSelect<
           normalizedDecorator
         ) : decorator ? (
           <div className={`${prefix}--list-box__inner-wrapper--decorator`}>
-            {normalizedDecorator}
+            {candidateIsAILabel ? (
+              normalizedDecorator
+            ) : (
+              <span>{normalizedDecorator}</span>
+            )}
           </div>
         ) : (
           ''

packages/styles/scss/components/list-box/_list-box.scss

@@ -1156,18 +1156,7 @@ $list-box-menu-width: convert.to-rem(300px);
     .#{$prefix}--list-box__invalid-icon {
     inset-inline-end: convert.to-rem(114px);
   }
-  .#{$prefix}--list-box__wrapper--decorator
-    .#{$prefix}--list-box--invalid
-    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
-    ~ .#{$prefix}--list-box__inner-wrapper--decorator
-    > *,
-  .#{$prefix}--list-box__wrapper--decorator
-    .#{$prefix}--list-box--warning
-    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
-    ~ .#{$prefix}--list-box__inner-wrapper--decorator
-    > * {
-    inset-inline-end: convert.to-rem(116px);
-  }
+
   // Windows HCM fix
   .#{$prefix}--list-box__field,
   .#{$prefix}--list-box__menu,