fix(cxl-ui): adjust cxl-course-card max-width in vaadion-accordion

[freudFlintstone]

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

It was necessary to limit the card width considering the padding of the cxl-section element, which is wrapping the accordion.

[github-actions]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	63.63 KB (+0.08% 🔺)
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.66 KB (0%)
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	239.89 KB (+0.03% 🔺)

[pawelkmpt]

WPS with this branch. Issue on the specific width

[freudFlintstone]

Tested in chrome and firefox, with wpstarter master branch, on multiples widths

[pawelkmpt]

It works well now. I just have a visual tweak. I think card padding on mobile should be changed:

- var(--lumo-space-m) var(--lumo-space-l)
+ var(--lumo-space-m) var(--lumo-space-m)

NOW

TWEAKED

[freudFlintstone]

Fixed padding, added updated story for testing