Replace deprecated Hidden component with useMediaQuery hook

[imnasnainaec]

Resolves #3220

The following pages/components have layout changes at various window widths. A review of this pr confirms that the changes are visually the same in this branch and on QA.

• Landing Page
• App Bar (best tested with a long project name and a long username)
• Project Screen
• Project Settings (just the tabs, not the individual settings)
• Tree View

Transitions can occur at 600px, 900px, 1200px, 1536px window widths.

---

This change is 

[codecov]

Codecov Report

Attention: Patch coverage is 83.33333% with 3 lines in your changes missing coverage. Please review.

Project coverage is 74.96%. Comparing base (b06fac6) to head (d5f2323).

Files	Patch %	Lines
src/components/AppBar/ProjectButtons.tsx	75.00%	0 Missing and 1 partial ⚠️
src/components/AppBar/UserMenu.tsx	66.66%	0 Missing and 1 partial ⚠️
src/components/LandingPage/index.tsx	50.00%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #3246      +/-   ##
==========================================
+ Coverage   74.82%   74.96%   +0.13%     
==========================================
  Files         277      277              
  Lines       10637    10655      +18     
  Branches     1278     1281       +3     
==========================================
+ Hits         7959     7987      +28     
+ Misses       2314     2302      -12     
- Partials      364      366       +2     

Flag	Coverage Δ
backend	84.04% <ø> (+0.02%)	⬆️
frontend	66.96% <83.33%> (+0.26%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.