LMS Course Learning Page — Flickering caused by sequential rendering of Course Outline and Discussion sections on initial load

When a learner navigates to the Course Learning Page on the LMS, the page incorrectly triggers rendering of both the Course Outline section and the Discussion section simultaneously on initial load. Due to the sequential order in which these sections are rendered — Course Outline first, then Discussion — a visible flickering effect occurs as the view transitions between the two. The default section shown to the user on page load should be the Discussion section only, which would eliminate the flash/flicker caused by the intermediate Course Outline render.

STEPS TO REPRODUCE

Log in to the LMS as a learner.
Enroll in any course that has both a Course Outline and a Discussion section.
Navigate to the Course Learning Page of the enrolled course.
Observe the initial page load behavior.

ACTUAL BEHAVIOR

On page load, the Course Outline section is rendered first, followed immediately by the Discussion section. This sequential rendering produces a flickering/flash effect visible to the learner before the page settles on the Discussion view.

EXPECTED BEHAVIOR

The Course Learning Page should load with only the Discussion section visible by default. The Course Outline section should not render or flash during the initial page load, preventing any flickering effect.

Start at the Course Learning Page entry point in the frontend-app-learning repository and reproduce the initial load with a course containing both Course Outline and Discussion sections. Trace the initial rendering order and identify why Course Outline appears before Discussion. Done means only Discussion is visible on initial load, with no Course Outline flash or flicker.