Q1 2024 frontend changes

[brianhogg]

Description

Various improvements to the UX/UI.

How has this been tested?

Manually

Checklist:

• [ ] This PR requires and contains at least one changelog file. <!-- To create a changelog yml file: npm run dev changelog add -- -i and follow the prompt. See also: https://github.com/gocodebox/lifterlms/blob/trunk/packages/dev/README.md#changelog-add -->
• [ ] My code has been tested.
• [ ] My code passes all existing automated tests.
• [ ] My code follows the LifterLMS Coding & Documentation Standards.