feat: update new learner display and logic for improved visibility

[naincy128]

Description

This update introduces a new feature that displays a "New Learner" message beneath usernames in discussion posts and comments for users identified as new learners. The feature helps learners and staff quickly recognize new participants, improving clarity and community interaction.

The implementation integrates backend API fields for learner status, with fallback logic to support legacy and edge cases. Core discussion components were updated to pass learner status data through the component tree, along with new hooks and test coverage to ensure consistent and reliable functionality.

Features

• Added a visible “👋 Hi, I am a new learner” message below usernames in discussion posts and comments for new learners, using backend API fields and fallback heuristics.
• Added a regular learner message for users who no longer qualify as new learners.
• Created new hooks:
  • useLearnerStatus – encapsulates learner status logic and consumes API data.
  • useIsNewLearner – determines whether a user qualifies as a new learner.
• Updated core components including AuthorLabel, CommentHeader, Reply, and Post to receive and propagate a new postData prop containing learner status.
• Updated prop types and default props across affected components to support the new prop.
• Added internationalization (i18n) support for the new learner and learner messages in messages.js.
• Added comprehensive test coverage to verify correct rendering behavior for different user roles (staff, moderators, anonymous, retired, regular, and new learners).

Linked PRs

• Backend PR: edx/edx-platform

Screenshot

Jira Ticket

COSMO2-735

[Copilot]

Pull Request Overview

This PR introduces a new learner identification feature that displays visual indicators ("👋 Hi, I am a new learner" or "Learner") beneath usernames in discussion posts and comments. The implementation relies on backend API fields (is_new_learner and is_regular_learner) with fallback logic for legacy support.

Key Changes:

• Created two new hooks (useLearnerStatus and useIsNewLearner) to encapsulate learner status determination logic
• Updated discussion components to pass postData prop through the component tree for learner status access
• Added internationalized messages for new and regular learner indicators

Reviewed Changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/discussions/posts/post/PostLink.jsx	Extracts threadData and passes it to AuthorLabel via postData prop
src/discussions/posts/post/PostHeader.jsx	Adds postData prop to component signature and forwards it to AuthorLabel
src/discussions/posts/post/Post.jsx	Extracts threadData and passes it to child components
src/discussions/posts/post-editor/PostEditor.test.jsx	Adds missing key prop to Route mapping
src/discussions/post-comments/comments/comment/Reply.jsx	Extracts commentData and passes it to header and author components
src/discussions/post-comments/comments/comment/CommentHeader.jsx	Adds postData prop and forwards it to AuthorLabel
src/discussions/post-comments/comments/comment/Comment.jsx	Passes comment data to CommentHeader
src/discussions/messages.js	Defines internationalized messages for learner indicators
src/discussions/data/hooks/useLearnerStatus.js	New hook that determines learner status from API data with fallback logic
src/discussions/data/hooks/useIsNewLearner.js	Convenience wrapper around useLearnerStatus
src/discussions/common/AuthorLabel.test.jsx	Adds test coverage for learner message display logic
src/discussions/common/AuthorLabel.jsx	Implements learner message display below username
src/discussions/common/AlertBar.jsx	Adds postData prop and forwards it to AuthorLabel
src/discussions/common/AlertBanner.jsx	Adds postData prop and forwards it to AlertBar

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[santhosh-apphelix-2u]

Looks good