fix: Use media query to resize for mobile in SearchFilters

[iloveagent57]

ENT-5800. Also installs react-responsive as a peer dependency.

Something about useWindowSize() from paragon isn't working quite right with the edx.org theme, so our original solution for https://2u-internal.atlassian.net/browse/ENT-5800 isn't working. From Adam:

I think the issue is that useWindowSize is including the extra width of the overflow facets in the total width. for example, at a window width of 1190px but useWindowSize says it's at 1249px, which is still above the breakpoint.

Note that there's still a little overrun from 1200px < screen width < ~1350px, but it's far better than before and I don't want to squish into the mobile view for reasonably-sized desktop browser windows by switching to the XL breakpoint.

Merge checklist:

• Evaluate how your changes will impact existing consumers (e.g., frontend-app-learner-portal-enterprise, frontend-app-admin-portal, and frontend-app-enterprise-public-catalog). Will consumers safely be able to upgrade to this change without any breaking changes?
• Ensure your commit message follows the semantic-release conventional commit message format. If your changes include a breaking change, ensure your commit message is explicitly marked as a BREAKING CHANGE so the NPM package is released as such.
• Once CI is passing, verify the package versions that Lerna will increment to in the Github Action CI workflow logs.
  • Note: This may be found in the "Preview Updated Versions (dry run)" step in the Github Action CI workflow logs.

Post merge:

• Verify Lerna created a release commit (e.g., chore(release): publish) that incremented versions in relevant package.json and CHANGELOG files, and created Git tags for those versions.
• Run the Publish from package.json Github Action workflow to publish these new package versions to NPM.
  • This may be triggered by clicking the "Run workflow" option for the master branch.
• Verify the new package versions were published to NPM (i.e., npm view <package_name> versions --json).
  • Note: There may be a slight delay between when the workflow finished and when NPM reports the package version as being published. If it doesn't appear right away in the above command, try again in a few minutes.

[codecov]

Codecov Report

Merging #259 (0153fca) into master (85e3ce1) will decrease coverage by 0.40%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master     #259      +/-   ##
==========================================
- Coverage   76.39%   75.99%   -0.41%     
==========================================
  Files          33       33              
  Lines         610      604       -6     
  Branches      155      152       -3     
==========================================
- Hits          466      459       -7     
- Misses        131      132       +1     
  Partials       13       13              

Impacted Files	Coverage Δ
packages/catalog-search/src/SearchFilters.jsx	73.68% <ø> (-6.32%)	⬇️
packages/catalog-search/src/CurrentRefinements.jsx	78.94% <0.00%> (-2.64%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 85e3ce1...0153fca. Read the comment docs.