Treat web console lifecycle warnings in SearchBar__SearchInput component

Nobody has claimed this yet.

Please identify and solve issue generating console warnings.

## Steps to Reproduce

1. Go to http://localhost:3000
2. Open dev console
3. You should see a message like the one below printed twice, for `componentWillReceiveProps` and for `componentWillMount`.

```
react-dom.development.js:88 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: Box, Flex, Icon, Icon__IconWrapper, Link, MetabaseIsSetup(Connect(UserIsAuthenticated(Component))), SearchBar__SearchInput, Styled(Clean.div), UndoListing__UndoList, UserIsAuthenticated(Component)
```

Start by running the application at http://localhost:3000 and checking the browser console to reproduce the warnings for SearchBar__SearchInput. Locate the SearchBar__SearchInput component, address the reported lifecycle warnings, and confirm that the warnings no longer appear.

Written by the indexing model from the issue text.