feat(cxl-ui): cxl-course-card update styles when on large devices

[anoblet]

https://cxlworld.slack.com/archives/C01HNLQNVA9/p1715760558848559

[github-actions[bot]]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	76.12 KB (+0.08% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js	11.89 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js	28.99 KB (0%)
packages/cxl-ui/pkg/dist-web/vendor.js	140.5 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js, packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js, packages/cxl-ui/pkg/dist-web/cxl-ui.js, packages/cxl-ui/pkg/dist-web/manifest.js, packages/cxl-ui/pkg/dist-web/unresolved.js, packages/cxl-ui/pkg/dist-web/vendor.js	258.65 KB (+0.03% 🔺)

[paulkirspuu]

With this patch, featured courses still look odd.

[paulkirspuu]

cxl-tabs-slider cxl-course-card[theme~=course]::part(name) rule --webkit-line-clamp gets overridden.