Merge clickable and interactive cards to provide more flexibility in use

Nobody has claimed this yet.

## Summary
Currently, a clickable card is defined so that the card itself is the clickable area, and no other clickable elements can be added to the card. However, it is quite likely that a card may need to be clickable itself and inlcude other clickable content such as menu icon button or quick action.

Therefore, a proposal has been made from a community project to merge the two types of cards and provide both sets of functionality for either.

## 💬 Description
Give interactive cards an option to be clickable themselves. This would allow the menu button to be used, the action area to be used, and also the card itself to be clickable.

Investigate styling implication for interaction states as highlight the whole card background may conflict with other clickable elements inside the card.

Deprecate the old clickable card in favour of the updated interactive card.

Static cards should still remain a separate option as these should have no clickable elements.

## 💰 Use value
This makes the card components more flexible for more situations and puts the decisions on what clickable elements should be contianed into the hands of the product designer.

## Additional info
Tell us anything else useful to help us understand your suggestion.

The issue names no files or tests. Start by locating the interactive, clickable, and static card components and their interaction-state tests, then review how nested menu and action controls are handled. Done means interactive cards can optionally be clickable, styling works with nested clickable elements, the old clickable card is deprecated, and static cards remain non-interactive.

Written by the indexing model from the issue text.