Migrate kradiobutton usages

[akolson]

Summary

This pr wraps the KRadioButtonGroup around the KRadioButton as specified in the design docs. It also migrates the KRadioButton to use the buttonValue over the deprecated value prop.

References

Closes #4869

Reviewer guidance

• Test all areas in studio that used the KRadioButton to ensure no regressions
  • Change language
  • Edit language (bulk editing)
  • Edit audience (bulk editing)
  • Storage request form (/settings/#/storage)
• Run all frontend tests successfully
• Inspect the test logs to ensure there are no warning. For reference of the warnings, see Migrate usage of KRadioButton #4869

[AlexVelezLl]

Hi @akolson! I just found a little bug in the LanguageSwitcherModal, everything else looks good to me 👐.

[AlexVelezLl]

In general here I think we are managing these columns a little bit strange 😅 because on top of this we are using a grid item to render the number of columns, and for each colum we render the languages radio buttons, that means that if we add the KRadioButtonGroup inside the grid item the up and down arrows will just work for one column and not the other.

Compartir.pantalla.-.2025-02-06.09_31_02.mp4

Since KRadioButton should be a direct child of KRadioButtonGroup, I think we should refactor how we manage the column rendering to avoid having two different divs for different columns. I think grid or flex layouts would help here :) Nvm just checked it and it seems that KRadioButtonGroup does work with nested children, so we can just wrap the KGridItems with KRadioButtonGroup just as we do in Kolibri!

[akolson]

Got it. Thanks @AlexVelezLl!

[AlexVelezLl]

Its now working fine. Thanks @akolson!