UI: Improve monospace font stack

[MichaelArestad]

Relates #21619

What I did

Update monospace font stack so keyboard shortcuts look better on Mac

How to test

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[ndelangen]

@cdedreuille Is this something you want to proceed with?

[ndelangen]

@cdedreuille the UI changes don't look right to me.

cc: @MichaelArestad

[MichaelArestad]

@ndelangen I agree. It's not right. Fixing.

[MichaelArestad]

The updated font stack should work in any browser on modern operating systems. It's not clear to me why Chromatic is rendering a non-monospace font.

[cdedreuille]

Is this one still needed @MichaelArestad? Happy to help if this is needed.

[MichaelArestad]

@cdedreuille I would love you to take a look as I think it is an improvement on what we had before.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 721ef19. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx run-many -t build -c production --parallel=8

---

Sent with 💌 from NxCloud.