fix(ui): remove unwanted icon hover fill EE-3737 (#7284)

app/react/components/datatables/TableHeaderCell.module.css

@@ -1,4 +1,4 @@
 /* highlight the sort icons for columns that aren't actively sorting */
-button:not(.sortingActive):hover path {
+.sortable:not(.sortingActive):hover path {
   fill: var(--sort-icon-hover);
 }

app/react/components/datatables/TableHeaderCell.tsx

@@ -69,7 +69,8 @@ function SortWrapper({
       type="button"
       onClick={() => onClick(!isSortedDesc)}
       className={clsx(
-        'sortable !bg-transparent w-full h-full !ml-0 !px-0 border-none focus:border-none',
+        '!bg-transparent w-full h-full !ml-0 !px-0 border-none focus:border-none',
+        styles.sortable,
         isSorted && styles.sortingActive
       )}
     >