feat(cxl-ui): add credential (certificate) element

[freudFlintstone]

Task: https://app.clickup.com/t/862k00xn3

<cxl-credential> takes only the necessary info to show in the certificate, generates qr-code and supports both proposed design variations (figma)

[github-actions[bot]]

size-limit report 📦

Path	Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js	36.08 KB (+6.32% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js	11.87 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js	25.29 KB (0%)
packages/cxl-ui/pkg/dist-web/vendor.js	133.84 KB (+6.57% 🔺)
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	208.24 KB (+5.25% 🔺)

[pawelkmpt]

@freudFlintstone I pushed one forgotten commit into master. Please rebase this branch

[pawelkmpt]

@freudFlintstone wrt QR code:

• it should link to https://cxl.com/institute/credential/<credential_post_id>/
  • https://cxl.com/institute/credential/8333091/
  • https://cxl.com/institute/credential/8333062/
• Figma design did not have / in the label but : so make it like in the design certificate: <credential_post_id>
  • please test it for long numbers

[freudFlintstone]

@pawelkmpt All latest fixes done, including protecting alignment styles and qr-code changes. Commits squashed

[freudFlintstone]

Layout improvements (spacing changes requested by @heshfekry )

[freudFlintstone]

Added Signature