Wrap radio buttons inside KRadioButtonGroup component

[muditchoudhary]

Summary

Wrap radio buttons of Device's setting page and Change language model inside KRadioButtonGroup. This PR is made to test this component.
…

References

…

Reviewer guidance

1. Visit Device's settings page in firefox.
2. Visit Change language model and test.

---

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Critical and brittle code paths are covered by unit tests

PR process

• PR has the correct target branch and milestone
• PR has 'needs review' or 'work-in-progress' label
• If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• If this is an important user-facing change, PR or related issue has a 'changelog' label
• If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[muditchoudhary]

@MisRob here is the PR.

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-.pex
Windows Installer (EXE)	kolibri-0.17.0a0.dev0+git.60.g3a907f79-windows-setup-unsigned.exe
Debian Package	kolibri_0.17.0a0.dev0+git.60.g3a907f79-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.17.0a0.dev0+git.60.g3a907f79-0.4.2.dmg
Android Package (APK)	kolibri-0.17.0a0.dev0+git.60.g3a907f79-0.1.3-debug.apk
TAR file	kolibri-0.17.0a0.dev0+git.60.g3a907f79.tar.gz
WHL file	kolibri-0.17.0a0.dev0+git.60.g3a907f79-py2.py3-none-any.whl

[muditchoudhary]

Hi @radinamatic @pcenov @MisRob I have fixed that tab issue on the change language form. But I have accidentally messed with rebasing or merge in this branch. So I will push the changes for review in a new draft branch, not in this branch.
We may close this draft PR.

[MisRob]

Hi @muditchoudhary, thanks a lot - it seems that something unexpected happened, perhaps during the rebase? There's many unrelated files in the diff.

[MisRob]

@radinamatic after this ^ gets resolved and you do testing, would you also preview tab index behavior? I think @muditchoudhary utilizes setting it - I haven't seen the latest updates yet, however, if I recall right what we discussed in the first prototype, it should behave very similarly to how I implemented tabs navigation to ensure a11y.

[muditchoudhary]

it seems that something unexpected happened, perhaps during the rebase?

Yes during rebase. I don't know what happened. I did the same as I usually do. I must have missed something.

I haven't seen the latest updates yet

I will send the draft PR today.

if I recall right what we discussed in the first prototype, it should behave very similarly to how I implemented tabs navigation to ensure a11y.

Yes, I have used the same approach as we discussed the roving tab index one.

[MisRob]

Closing in favor of #12325