(fix) O3-4366: Change languages in my account panel to sentence case

[harshthakkr]

Requirements

• This PR has a title that briefly describes the work done including the ticket number. Ensure your PR title includes a conventional commit label (such as feat, fix, or chore, among others). See existing PR titles for inspiration.

For changes to apps

• My work conforms to the O3 Styleguide and design documentation.

If applicable

• My work includes tests or is validated by existing tests.
• I have updated the esm-framework mock to reflect any API changes I have made.

Summary

All language names in the “My Account” panel now follow the same sentence case format as seen in the “Change Language” modal, providing a consistent experience across the application:

Screenshots

Before

After

Related Issue

O3-4366

[denniskigen]

LGTM. Thanks, @harshthakkr!

[harshthakkr]

For some reason, these tests are failing:

[denniskigen]

They seem OK here...

[harshthakkr]

Just wanted to confirm, did you use this syntax: import capitalize from 'lodash-es/capitalize' in change-language.modal.tsx while running tests? @denniskigen

[denniskigen]

I've not run the tests locally. What error are you seeing? It's not clear from the screenshot where the error is.

[harshthakkr]

1. 
2. 
3. 

A total of 4 errors in the same file

[denniskigen]

I see. Add the following line:

'lodash-es/(.*)': 'lodash/$1' ,

to the primary-navigation app's jest config moduleNameMapper entry here.

[denniskigen]

LGTM. Thanks, @harshthakkr!

[harshthakkr]

Thank you, @denniskigen!

[ibacher]

I know this is post-commit, but the reason that this rule didn't exist is because we want you to use import { captialize } from 'lodash-es'.

[harshthakkr]

#1277 (comment)

[denniskigen]

I must've got this lopsided, sorry, @harshthakkr.

I thought we preferred import capitalize from 'lodash-es/capitalize' @ibacher

[denniskigen]

Fixed here

[ibacher]

With lodash, but not lodash-es that was the case. lodash-es is packaged as a ES Module whereas lodash is, I think, common-js, so importing import {capitalize} from 'lodash' ends up including all of lodash, but import {capitalize} from 'lodash-es' only imports the relevant parts of lodash-es—which is exactly what import capitalzie from 'lodash/capitalize' also accomplishes.