[frontend] Migrate 5 components from deprecations

[imnasnainaec]

Part of #3787

Notes for review:

• Replaced <Grid> with <Grid2>, <Stack>, <Box>, <div>, or nothing, as fit the design need.
• <Stack direction="row"> can be used in place of <Grid2> when we don't want the items in the row to wrap to a second row in a narrow window
• Do a side-by-side visual comparison between this and master (on QA) to make sure appearance is (roughly) the same or (subjectively) improved on all edited components
• Try each edited component with various window widths > 400px (we don't support narrower than that)
• To test AppBar with the most possible items, open a project in which you're owner or administrator (to see the statistics button) and go to Data Entry or Review Entries (to see the speaker button)
• Test with a few different UI languages

---

The only component with a visual difference is the AnalyticsConsent, with slightly less padding (for the sake of narrow windows)

Before'n'after screenshots with AppBar and AnalyticsConsent

400px wide

900px wide

---

This change is 

[codecov]

Codecov Report

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

Project coverage is 65.79%. Comparing base (292debc) to head (2343a7c).
Report is 1 commits behind head on master.

Files with missing lines	Patch %	Lines
src/components/UserSettings/UserSettings.tsx	50.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #3854      +/-   ##
==========================================
- Coverage   74.30%   65.79%   -8.52%     
==========================================
  Files         287      236      -51     
  Lines       10669     6060    -4609     
  Branches     1331      761     -570     
==========================================
- Hits         7928     3987    -3941     
+ Misses       2355     1825     -530     
+ Partials      386      248     -138     

Flag	Coverage Δ
backend	?
frontend	65.79% <57.14%> (-0.04%)	⬇️

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.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.