Improve loading state on learner quiz report page

[marcellamaki]

Observed behavior

In Kolibri, the loading state of the learner quiz report updates with each time you click from one question to another. It is "too much loading state", and you lose your scroll position on the page as well as the focus.

Errors and logs

Screencast.from.04-08-2024.09_38_04.AM.webm

Expected behavior

While a loading state might still be useful for while the question data is fetched, it should be updated so that most of the page remains the same, and the loading spinner is only displayed within the question/attempt preview portion of the container.

User-facing consequences

Jumpy, annoying user experience.

Steps to reproduce

1. Assign a quiz to a learner, and have the learner user account complete and submit the quiz.
2. Reopen the completed quiz to see the quiz report
3. Click among the questions - you will see that page state updates to "too broad" of a way, as demonstrated in the video above

Context

0.16.x

[tanouh]

Hello, Can I be assigned to this issue ?

[LianaHarris360]

Hi @tanouh, thanks for showing interest in fixing this issue! The issues open for contributors have a help wanted label, you can check out some of those unassigned issues here.

[tanouh]

@LianaHarris360 Sure thanks for your reply !

[AlexVelezLl]

Closed by #12082