fix: Use CSS for uppercase text

[stewx]

Description

This moves our uppercase presentation of certain text into CSS rather than the DOM.

There are calls to .toUpperCase() throughout the web codebase in the template markup, making the DOM contain uppercase text. The best practice is to use CSS for uppercase text when the reason is purely aesthetic, like in this case. Having uppercase text in the DOM is bad for accessibility.

How Has This Been Tested?

N/A

Screenshots (if appropriate)

Checklist:

• I have performed a self-review of my own code
• I have made corresponding changes to the documentation if applicable
• I have no unrelated changes in the PR.
• I have confirmed that any new dependencies are strictly necessary.
• I have written tests for new code (if applicable)
• I have followed naming conventions/patterns in the surrounding code
• All code in src/services/ uses repositories implementations for database calls, filesystem operations, etc.
• All code in src/repositories/ is pretty basic/simple and does not have any immich specific logic (that belongs in src/services/)

Please describe to which degree, if any, an LLM was used in creating this pull request.

Claude Code helped make the changes.

[danieldietzler]

Thank you! That must've been tedious 😅

[danieldietzler]

Please fix the formatting issues

[stewx]

Updated

[jrasm91]

Great, now we can go through and standardize on titlecase instead of uppercase 😆