✨ Refine v4 quiz single-question flow and reveal footer feedback

[b-l-i-n-d]

Summary

This PR refines the v4 quiz attempt UI and interaction flow for single-question mode, reveal feedback, and progress/timer presentation.

What changed

• Improved quiz header/timer experience:
  • Redesigned attempt timer/progress header presentation.
  • Added clock frame icon support for the updated timer UI.
  • Added conditional rendering for timer frame behavior based on time-limit context.
• Refined single-question footer actions:
  • Back action is removed for single-question layout.
  • Next is shown before the last question, and Submit Quiz only on the last question.
  • Forward action remains disabled until the current question is attempted.
  • Skip Question remains available for non-required questions and stays left-aligned.
  • Footer alignment is adjusted when only one action is visible.
• Added reveal-mode footer feedback states:
  • Correct state shows positive feedback styling/content.
  • Incorrect state shows error feedback styling/content.
  • Footer visuals update by reveal result state.
• Updated interaction/animation polish:
  • Added directional question-view transitions.
  • Attempt progress behavior aligns with committed navigation flow.

Root cause

The earlier v4 quiz flow mixed answer-state, navigation-state, and footer-state concerns in ways that made UI behavior inconsistent across single-question and reveal modes. Timer/progress presentation was also fragmented across templates and styles.

Validation

• npx eslint assets/src/js/frontend/learning-area/quiz/constants.ts assets/src/js/frontend/learning-area/quiz/helpers.ts assets/src/js/frontend/learning-area/quiz/layout.ts assets/src/js/frontend/learning-area/quiz/timer.ts
• php -l templates/learning-area/quiz/attempt.php

Notes

• This PR branch includes merges from v4-quiz; inherited merge commits are not the primary feature scope here.