fix(dropdown-filter): update button structure and class for improved rendering

Author: samuelreichert

packages/pluggableWidgets/datagrid-dropdown-filter-web/src/components/__tests__/__snapshots__/DataGridDropdownFilter.spec.tsx.snap

@@ -13,23 +13,27 @@ exports[`Dropdown Filter with single instance with single attribute DOM structur
       aria-expanded="false"
       aria-haspopup="listbox"
       aria-label="Select"
-      class="widget-dropdown-filter-toggle"
+      class="widget-dropdown-filter-input-container"
       id="downshift-:r1:-toggle-button"
       role="combobox"
       tabindex="0"
     >
-      Select
+      <span
+        class="widget-dropdown-filter-toggle"
+      >
+        Select
+      </span>
+      <svg
+        class="widget-dropdown-filter-state-icon"
+        height="16"
+        viewBox="0 0 32 32"
+        width="16"
+      >
+        <path
+          d="M16 23.41L4.29004 11.71L5.71004 10.29L16 20.59L26.29 10.29L27.71 11.71L16 23.41Z"
+        />
+      </svg>
     </button>
-    <svg
-      class="widget-dropdown-filter-state-icon"
-      height="16"
-      viewBox="0 0 32 32"
-      width="16"
-    >
-      <path
-        d="M16 23.41L4.29004 11.71L5.71004 10.29L16 20.59L26.29 10.29L27.71 11.71L16 23.41Z"
-      />
-    </svg>
     <div
       class="widget-dropdown-filter-popover"
       hidden=""