Replace KResponsiveWindow mixin by useKResponsiveWindow composable - Device plugin

[MisRob]

This is one of the issues whose common goal is to gradually replace KResponsiveWindow mixin by useKResponsiveWindow composable.

First, see #11321 for detailed instructions and acceptance criteria common to all issues.

Then, replace KResponsiveWindow mixin by useKResponsiveWindow composable in all .vue files of the Device plugin (/kolibri/plugins/device)

[thesujai]

@MisRob Please, assign this to me

[MisRob]

Hi @thesujai, thank you for volunteering. I'm assigning this one to you.

I can also see you volunteered for other issues from this group. Kindly request, please ask for an assignment of a reasonable amount of issues. Each one of these will take some time as you will need to find places to test etc. As soon as you complete your assigned issues, you're welcome to ask for more. If you decide not to work on some of them, but rather worked on something else, please let us know and we can re-assign you. Thank you.

[MisRob]

@thesujai Note that even though we will review your pull request, it might take some time to merge it because we have some important fixes in progress for useKResponsiveWindow (learningequality/kolibri-design-system#453) that we might need to finish at first before we use the composable more widely. It's not a blocker for working on this though.

[thesujai]

@MisRob Thank you for the assignment.
I understand and will work on this #11322 and #11333, leaving rest for other community contributers.

[MisRob]

You're more than welcome to volunteer for other issues as well @thesujai, just not all at once. Thank you for your understanding.

[MisRob]

Closed by #11349