chore: Update font stack

[zusorio]

Get fonts from fontsource: Removes requirements to check in fonts while still self-hosting them. Fonts can also receive updates through npm.

Use Roboto in addition to the standard tailwind font stack: Instead of falling back to only Helvetica Neue and sans-serif, use the tailwind defaults if other fonts could not be loaded.

Add the bold (700) variation of Roboto: Previously, browsers were approximating the bold version. This caused some weird font rendering issues on bold text.

Move to Material Symbols: Google's old icon font (Material Icons) is deprecated. Theoretically, Material Symbols also supports a variable version with customizable fill, weight, etc but as this version is 3MB, I've decided to go with a static version of it.

Closes #1744

[github-actions[bot]]

A Storybook preview is available for commit 1897237042d5d8d787d026933dd41a45a946eadb. ➡️ View Storybook ➡️ View Chromatic build ✅ Captured 37 snapshots. No changes detected.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 84.06%. Comparing base (f43efb9) to head (dd4a633). Report is 8 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #1798 +/- ## ======================================= Coverage 84.06% 84.06% ======================================= Files 186 186 Lines 6144 6144 Branches 676 676 ======================================= Hits 5165 5165 Misses 831 831 Partials 148 148 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud