Unwanted Vertical Scrollbar Appears on All Pages

# Global UI Issue: Unwanted Vertical Scrollbar (EduAid)

## Overview
A vertical scrollbar appears on **all EduAid pages** even when the content does not overflow the viewport. This breaks the intended full-screen layout and negatively impacts the overall user experience.

The issue is **global** and reproducible across all routes (for example, `/question-type`).

---

## Expected Behavior
- Pages should fit entirely within the viewport.
- Scrollbars should appear only when content actually overflows.
- A consistent full-screen layout should be maintained across all pages.

---

## Actual Behavior
- A vertical scrollbar is always visible.
- Extra empty space appears below the main content.
- Page height exceeds the viewport unnecessarily.

---

## Scope
- **Affects:** All pages
- **Type:** Global UI / Layout issue

---

## Possible Causes
- `height: 100vh` used together with padding or margins
- Global layout wrapper exceeding viewport height
- Missing CSS reset on `html` and `body`
- Footer or fixed-position elements pushing content downward

---

## Attachments
Screenshots attached showing:
- Persistent scrollbar
- Extra spacing below primary UI content