Build Creator Dashboard Learners Page (Learner List + Reviews)

[Luluameh]

Description

Implement the Learners page in the creator dashboard.

This page allows course creators to view learners enrolled in their courses and read feedback from students.

The sidebar and top navigation are already implemented, so this issue focuses only on the learners page content area.

FIGMA
Page Sections

The page consists of two main sections:

Learners' Table

Learners' Reviews

Section 1 — Learners Table
Table Columns

Name

Courses

Email Address

Progress

Requirements

Each row should display:

Learner name

Course enrolled

Email address

Progress percentage (e.g., 50%, 20%, 70%)

Implementation Notes

Use semantic HTML table structure

Ensure proper spacing and alignment

Table should support responsive scrolling on smaller screens

Add at least 3–5 mock learner rows

Section 2 — Learners' Reviews

Below the table, implement a reviews section where learners leave feedback.

Review Item Must Include

Learner avatar

Learner name

Review text

Rating label (e.g., Rating: 5/5)

Layout

Reviews stacked vertically

Divider between review items

Avatar aligned to the left

Rating aligned to the right

Implementation Guidelines

Create reusable components where appropriate:

LearnersTable

LearnerRow

ReviewItem

Use mock data for now.

Ensure clean spacing and responsiveness.

Acceptance Criteria

The learners' table renders correctly

The reviews section appears below the table

The layout matches the design

Mobile responsive

Clean and readable component structure

PR Requirements

Include desktop screenshot

Include mobile screenshot

Reference issue ID in PR description
Example: Closes #35

Use commit prefix: feat: