fix(components): styling adjustment to cards web component

[owilliams320]

Description

styling fix for cards that are non-interactive

What's included?

• using primary card class only when card has ripple affect and is primary action only

Test Steps

• [ ] npm run storybbok
• [ ] then navigate to the card story
• [ ] finally check make sure everything is ok

General Tests for Every PR

• [ ] npm run start still works.
• [ ] npm run lint passes.
• [ ] npm run stylelint passes.
• [ ] npm test passes and code coverage is not lower.
• [ ] npm run build still works.

[owilliams320]

:tada: This PR is included in version 8.14.4 :tada:

The release is available on:

• v8.14.4
• GitHub release

Your semantic-release bot :package::rocket: