Build New Learner Notification List Component

[Luluameh]

Description

Implement the notification list that appears when the New Learner tab is active.

This displays when students enroll in a creator’s course.

FIGMA
Notification Item Must Include

Icon/avatar container

Title text (e.g., Josh joined your design class)

Subtitle text (welcome suggestion message)

Timestamp (e.g., 5 hrs ago)

Layout

Notification items stacked vertically

Divider between notifications

Proper spacing between elements

Implementation Guidelines

Create reusable NotificationItem component

Use mock data for now

Ensure responsive layout

Acceptance Criteria

Notifications display correctly

Timestamp aligned to the right

Clean spacing and separators