CardMedia: Improve docs

[mirka]

Closes #39830

What?

Improve the docs/stories for the CardMedia component so it's clearer that it's more of a generic full-bleed container, rather than a container for "media".

Why?

It's hard to discover that this component can be used for this purpose.

Testing Instructions

npm run storybook:dev and see the new story (?path=/docs/components-card--full-bleed-content) for the Card component. Check that it is understandable.

[mburridge]

Hi @mirka, thanks for this PR. I've tried testing it with npm run storybook:dev and I get an error:

[rest of local path]/node_modules doesn't exist or is not a directory

Even though the directory is most definitely there. Any idea what gives? Is there something I'm missing?

[mburridge]

Here's some additional output from the command in case it helps:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! gutenberg@15.6.2 storybook:dev: `concurrently "npm run dev:packages" "start-storybook -c ./storybook -p 50240"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the gutenberg@15.6.2 storybook:dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

[mburridge]

When I visit http://localhost:50240/?path=/docs/components-card--full-bleed-content I get this:

[mirka]

@mburridge Thanks for testing! Does it work on trunk for you? You might want to try running npm ci since it seems like your node_modules is borked.

[mburridge]

Does it work on trunk for you?

No, I get the same problem on trunk.

You might want to try running npm ci since it seems like your node_modules is borked.

I used a fresh clone of the repo, but tried running npm ci anyway. No difference 😢

[mburridge]

Finally got it working 🙌! LGTM.