fix: remove the top border when there is only single item and removed the current episode from the more episode list

[ahtesham-quraish]

What are the relevant tickets?

n/a

Description (What does it do?)

• There was edge case that if there is only single episode then the top border was rendering which should not so this is about removing the top border in case single item
• one more change in this PR that the current episode should not be the part of More from <podcast> which was previously part of this list so I removed it from that more episode list.

Screenshots (if appropriate):

Before

After

How can this be tested?

if you don't have playlist data locally then in frontend env file you should add the following variable NEXT_PUBLIC_MITOL_API_BASE_URL="https://api.rc.learn.mit.edu" it will connect with RC learn backend
then we need to enable the flag which is podcast-detail-page and then visit the following url http://open.odl.local:8062/podcast/128673/podcast_episode/128674

Additional Context

[github-actions]

OpenAPI Changes

No changes detected

View full changelog

Unexpected changes? Ensure your branch is up-to-date with main (consider rebasing).

[Copilot]

Pull request overview

This PR fixes a UI edge case in the podcast episode list styling: when there’s only a single episode in the “episode page” variant, the row was incorrectly rendering a top divider/border. The change updates the EpisodeRow styled component to ensure a single-item list renders only the bottom divider.

Changes:

• Add a more-specific CSS selector (:first-of-type:last-child) for the episode-page variant to override the existing :last-child rule when the list has exactly one item.
• Ensure the single episode retains the bottom divider while keeping the top divider removed.

[zamanafzal]

LGTM