Setup wizard: Responsive language list

[AlexVelezLl]

Observed behavior

We want the list of languages shown in the LanguageSwitcherList to fit on a single line.

Currently the list of languages in the LanguageSwitcherList is not fully responsive as it relies on window breakpoints to choose the number of languages to be displayed in the list before the "see more". The problem is that this number is fixed and does not depend on the width of the text, and in languages where the text takes up more space, the list items end on a second line. See #11847 (comment).

Expected behavior

The list of languages along with the "see more" fits on a single line in the setup wizard

Steps to reproduce

See #11847 (comment)

Notes

We will need to use here the new KDS component that handles horizontal lists with overflow learningequality/kolibri-design-system#556, so this issue is blocked until that component is implemented.

[nikkuAg]

Is this issue still open? I would like to work on this

[AlexVelezLl]

Hi @nikkuAg! Unfortunately this issue is still blocked until learningequality/kolibri-design-system#552 is merged.