Radio Schedules - Update Program Card Heading markup and CSS

[DenisHdz]

Resolves #3305

Overall change:
Update Program Card Heading markup and CSS to fix a11y bugs explained in the issue.

Code changes:

• Remove HeadingContentWrapper as @greenc05 pointed in Use Live Label in Radio Schedules, and pass in translations #3297 (comment)
• Replace display:inline with display:inline-block in the TitleWrapper span to fix the a11y bug. These changes require:
  • Apply a width: 100% so it stays under the headline
  • Apply the text-decoration: underline; when hovering or focus over the Link, otherwise it just underlines the first part of the h3

---

• I have assigned myself to this PR and the corresponding issues
• Automated jest tests added (for new features) or updated (for existing features)
• This PR requires manual testing

[OlgaLyubin]

Looks good

[Bopchy]

Looks great 👍 . DOM structure also looks more simple as there are fewer span elements.

[PriyaKR]

This can be merged.As per testing by @DenisHdz heading level h3 is read out only once when navigating via the heading/link.
Also a regression looks good to me.

[DenisHdz]

This can be merged.As per testing by @DenisHdz heading level h3 is read out only once when navigating via the heading/link.
Also a regression looks good to me.

On that note, I'd like to add that thanks to these changes, it is also announced just once when navigating via elements with the arrow keys.