feat(cxl-ui): light-card layout updates

[HenerHoop]

https://app.clickup.com/t/86ayhhg16

[github-actions]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	64.04 KB (+0.62% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js	11.87 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js	27.69 KB (+0.09% 🔺)
packages/cxl-ui/pkg/dist-web/vendor.js	135.58 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	240.33 KB (+0.18% 🔺)

[HenerHoop]

@pawelkmpt After @freudFlintstone comments under the second PR, I did it the way it was originally intended. There was some miscommunication. The second PR can be deleted once it's accepted.

[freudFlintstone]

The only issue I found is that the instructor name is aligned to the bottom in the designs. Other than that, great turn around on this one, I agree the other PR should be canceled.

[pawelkmpt]

@HenerHoop cards itself are looking good. I just found few inconsistencies comparing to the design

1. Portrait card

Prevent image corner to leak out the box

---

2. Three lines title

Design shows 3 lines in the title.

Our card displays just 2.

---

3. Card in progress

Design hides instructor name on "in progress" card.

Our card still shows it.

---

4. Extreme lengths

Design and comment suggest card to grow for extreme cases

Our looks like this:

[pawelkmpt]

Commit message

- feat(cxl-ui): light-card layout updates
+ feat(cxl-ui): cxl-light-card add portrait mode, progress bar

[pawelkmpt]

Task linked: CU-86ayhhg16 Lite card component layouts