Fix searchbox fit overlays on mobile

[PiyushChandra17]

Fixes #2369

Changes:

• Added MediaQuery component from 'react-responsive'

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[raclim]

Thanks for your work on this! Would you be able to provide screenshots showcasing your changes? I think I'm personally having some difficulty recreating the issue!

[PiyushChandra17]

@raclim @lindapaiste I think on the latest develop this issue is not fully reproducible, not sure though. Perhaps searchbox partially overlays on small screens but adding padding-left does look good on mobile. Here's screenshots,

before:

After:

[raclim]

After testing this out I think this looks okay to me so far! Any other needed changes can be implemented down the line. Thanks again for your work on this!

[PiyushChandra17]

After testing this out I think this looks okay to me so far! Any other needed changes can be implemented down the line. Thanks again for your work on this!

@raclim Cool :)