fixes validation message formatting/styling and adds smaller changes to useLanguage hook

cammiida commented 2 weeks ago

Description

Fikses some styling issues when validation messages are too long. Also did a minor refactoring of useLanguage.ts to make it a tiny bit more readable (at least for me 💁‍♀️).

Would love feedback on both the refactoring and the fix.

Related Issue(s)

closes #1951

Verification/QA

Manual functionality testing
- [x] I have tested these changes manually
- [ ] Creator of the original issue (or service owner) has been contacted for manual testing (or will be contacted when released in alpha)
- [ ] No testing done/necessary
Automated tests
- [ ] Unit test(s) have been added/updated
- [ ] Cypress E2E test(s) have been added/updated
- [ ] No automatic tests are needed here (no functional changes/additions)
- [ ] I want someone to help me make some tests
UU/WCAG (follow these guidelines until we have our own)
- [ ] I have tested with a screen reader/keyboard navigation/automated wcag validator
- [ ] No testing done/necessary (no DOM/visual changes)
- [ ] I want someone to help me perform accessibility testing
User documentation @ altinn-studio-docs
- [ ] Has been added/updated
- [ ] No functionality has been changed/added, so no documentation is needed
- [ ] I will do that later/have created an issue
Support in Altinn Studio
- [ ] Issue(s) created for support in Studio
- [ ] This change/feature does not require any changes to Altinn Studio
Sprint board
- [ ] The original issue (or this PR itself) has been added to the Team Apps project and to the current sprint board
- [ ] I don't have permissions to do that, please help me out
Labels
- [ ] I have added a kind/* label to this PR for proper release notes grouping
- [ ] I don't have permissions to add labels, please help me out