remove redundant bg from icon and move search icon from right to left (#446)

Co-authored-by: Panos Christophides <panos@netdata.cloud>

Author: christophidesp

src/components/input/use-input-styles.js

@@ -63,7 +63,6 @@ const useInputStyles = ({ size = "large", disabled, success, error, focused }) =
     ({ iconRight = false, iconLeft = false }) => {
       return {
         height: "100%",
-        background: disabled ? "mainBackgroundDisabled" : "mainBackground",
         alignItems: "center",
         round: true,
         margin: [0, iconRight ? 0 : 2, 0, iconLeft ? 0 : 2],

src/components/tableV2/features/globalControls.js

@@ -30,7 +30,7 @@ const GlobalControls = ({
             data-testid="table-global-search-filter"
             data-ga={`${dataGa}::search-${wordsCount}-words::table-filter`}
             defaultValue={searchValue}
-            iconRight={<Icon name="magnify" color="textLite" />}
+            iconLeft={<Icon name="magnify" color="textLite" />}
             onChange={debounce(300, e => {
               e.persist()
               handleSearch(e.target.value)