Improve quiz layout and add collapsible chapter sidebar

[ANANYA-SURESH-NAMBIAR]

Affected Flow

Quiz Pages & Lesson/Chapter Navigation UI

---

1. Quiz page content exceeds viewport height

• Important quiz content should fit within a single viewport without requiring unnecessary scrolling.
• Users should immediately see the primary call-to-action buttons (Start Quiz, Next Question) without scrolling.

Quiz Landing Page

• The content spacing is too large vertically.
• Users need to scroll to reach the Start Quiz button even though the page contains limited content.

Quiz Question Page

• The question, answer options, feedback section, and Next Question button do not fit within a single viewport.
• Users must scroll down to continue the quiz flow.

User Problem

Excessive vertical spacing interrupts the quiz experience and makes navigation less smooth, especially during quick practice sessions.

Proposed Fix

• Optimize vertical spacing/padding and layout sizing for quiz pages.
• Ensure key interactive elements fit within a standard desktop viewport whenever possible.

---

2. Add collapsible chapter navigation/sidebar

Current Behaviour

The chapter navigation panel/sidebar remains permanently expanded while reading lessons.

Proposed Enhancement

Add a collapsible and reopenable chapter navigation sidebar so users can:

• focus better on lesson content
• reduce visual clutter
• expand the sidebar again whenever navigation is needed.

[ANANYA-SURESH-NAMBIAR]

Hi @pushkarscripts , I would like to work on this issue as part of GSSoC'26. Kindly assign this issue to me.