[BD-46] feat: Added fallback props to Card component

[PKulkoRaccoonGang]

Description

• add fallbackSrc prop to the Card.ImageCap component, use this url for image if image from the src prop does not load;
• add fallbackLogoSrc prop to Card.ImageCap component, use this url for logo if image from the logoSrc prop does not load;
• add tests for these changes and examples on the component's page;
• fixed key error in ExamplePropsForm.jsx.

Deploy Preview

Cards component

Merge Checklist

• If your update includes visual changes, have they been reviewed by a designer? Send them a link to the Netlify deploy preview, if applicable.
• Does your change adhere to the documented style conventions?
• Do any prop types have missing descriptions in the Props API tables in the documentation site (check deploy preview)?
• Were your changes tested using all available themes (see theme switcher in the header of the deploy preview, under the "Settings" icon)?
• Were your changes tested in the example app?
• Is there adequate test coverage for your changes?
• Consider whether this change needs to reviewed/QA'ed for accessibility (a11y). If so, please add wittjeff and adamstankiewicz as reviewers on this PR.

Post-merge Checklist

• Verify your changes were released to NPM at the expected version.
• If you'd like, share your contribution in #show-and-tell.
• 🎉 🙌 Celebrate! Thanks for your contribution.

[openedx-webhooks]

Thanks for the pull request, @PKulkoRaccoonGang!

When this pull request is ready, tag your edX technical lead.

[netlify]

✅ Deploy Preview for paragon-openedx ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	b4fa0a9
🔍 Latest deploy log	https://app.netlify.com/sites/paragon-openedx/deploys/634bfe3507e345000871276f
😎 Deploy Preview	https://deploy-preview-1682--paragon-openedx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[codecov]

Codecov Report

Base: 90.36% // Head: 90.40% // Increases project coverage by +0.04% 🎉

Coverage data is based on head (b4fa0a9) compared to base (5013f9a).
Patch coverage: 100.00% of modified lines in pull request are covered.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1682      +/-   ##
==========================================
+ Coverage   90.36%   90.40%   +0.04%     
==========================================
  Files         208      208              
  Lines        3580     3587       +7     
  Branches      838      840       +2     
==========================================
+ Hits         3235     3243       +8     
+ Misses        330      329       -1     
  Partials       15       15              

Impacted Files	Coverage Δ
src/Card/CardImageCap.jsx	100.00% <100.00%> (+7.14%)	⬆️
src/utils/propTypes/greaterThan.js	83.33% <100.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[adamstankiewicz]

Nice! LGTM.

[adamstankiewicz]

@PKulkoRaccoonGang D'oh, I spoke too soon. I just realized the CI is failing on linting. Code changes look good though! That said, are these additional props something we can add tests for, too?

[viktorrusakov]

@adamstankiewicz true, added new tests and fixed linting issues, should be good to go now!

[adamstankiewicz]

@adamstankiewicz true, added new tests and fixed linting issues, should be good to go now!

Thanks @viktorrusakov!

[edx-semantic-release]

🎉 This PR is included in version 20.14.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀