Fix transcript banner overlapping episode description

[lromero16]

Description

Fixes #PCDROID-326

The "View Transcript" banner was overlapping the episode description (show notes WebView) in the episode detail screen.

Root cause: AnimatedNonNullVisibility uses expandVertically by default, which animates the Compose layout height from 0 to full size. When embedded in a ConstraintLayout, the View system doesn't receive requestLayout() on every animation frame — so during the expand, webViewShowNotes stays positioned as if episodeTranscript has height 0, causing the overlap.

Fix: Override enter/exit transitions to fadeIn()/fadeOut() at the EpisodeFragment call site. This avoids height animation entirely; Compose reports the full height immediately, and ConstraintLayout positions the show notes correctly from the first frame.

Testing Instructions

1. Open an episode that has a transcript available
2. Observe the episode detail screen — the "View Transcript" banner should appear above the episode description without overlapping it
3. Dismiss and reopen the episode to verify consistent behaviour

Screenshots or Screencast

Checklist

• If this is a user-facing change, I have added an entry in CHANGELOG.md
• Ensure the linter passes (./gradlew spotlessApply to automatically apply formatting/linting)
• I have considered whether it makes sense to add tests for my changes
• All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
• Any jetpack compose components I added or changed are covered by compose previews
• I have updated (or requested that someone edit) the spreadsheet to reflect any new or changed analytics.

I have tested any UI changes...

• with different themes
• with a landscape orientation
• with the device set to have a large display and font size
• for accessibility with TalkBack

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[dangermattic]

	1 Error
🚫	PR requires a [Type] label and either a [Area] or [Project] label.

	1 Warning
⚠️	PR is not assigned to a milestone.

Generated by 🚫 Danger

[geekygecko]

Thanks for investigating a fix for this issue.

I wasn’t able to properly test this on my side as I can’t currently reproduce the error.

One thing I did notice is that the text no longer slides down the screen and instead jumps into place. This doesn’t look quite as smooth as before, which seems to be a downside of removing expandVertically(). Are there any alternative approaches we could try that would still avoid the issue while keeping the smoother animation?

Screen_recording_20260514_134719.webm

Can you please follow the checklist in the PR description template and sign the CLA.