Replace KResponsiveElementMixin by useKResponsiveElement composable

[AlexVelezLl]

This issue is blocked by learningequality/kolibri-design-system#711.

Summary

This issue involves replacing all occurrences of KResponsiveElementMixin with the new useKResponsiveElement composable throughout the Kolibri codebase.

This includes updating imports for properties like elementWidth and elementHeight, and ensuring all affected components are manually tested to confirm they work correctly with the new composable.

Acceptance criteria

• useKResponsiveElement composable is used instead of KResponsiveElementMixin in all Kolibri codebase.
• All occurences of properties provided by KResponsiveElementMixin (elementWidth, elementHeight) are imported from useKResponsiveElement composable in the component where KResponsiveElementMixin mixin is being removed.
• All components where KResponsiveElementMixin is replaced are manually tested and still work as expected with useKResponsiveElement composable.
• There is a list of affected pages the a pull request description (e.g. their URLs).

[AlexVelezLl]

Closed by #12717