Open/Close AutoSearchInput dropdown with Redux state

The AutoSearchInput component does setState({ autocompleteIsOpen: true | false }). It should use Redux state instead so that we can use the Redux development tool to work on this component. Beware that setState({ searchValue: '...' }) is still necessary because typing characters in a text box should not dispatch Redux actions.

For QA: Please check for regressions in the autcomplete functionality of the search box in the header

[willdurand]

To me, this logic (open/close) belongs to the component because it is a pure UI piece of information.

[tofumatt]

To me, this logic (open/close) belongs to the component because it is a pure UI piece of information.

I was thinking that when commenting/talking to @SeanPrashad but wasn’t 100% sure and was admittedly half-occupied with other stuff 😅

Also given it already needs to use setState I think it’s okay to leave out of Redux. The devtools are handy but we already don’t store absolutely everything in Redux (usually in cases like this) so I think it’s okay to not store it here either.

That said, I’m guilty of putting UI stuff in Redux too, so you could use my actions to argue against my words 🤷‍♂️