docs(skeletons): added more examples

[saiponnada]

Part of #2007

• This PR contains CSS changes
• This PR does not contain CSS changes

Description

Added more examples to the skeletons

Checklist

• I verify the build is in a non-broken state
• I verify all changes are within scope of the linked issue

• I regenerated all CSS files under dist folder
• I tested the UI in all supported browsers
• I did a visual regression check of the components impacted by doing a Percy build and approved the build
• I tested the UI in dark mode and RTL mode
• I added/updated/removed Storybook coverage as appropriate

[ArtBlue]

I noticed a couple of things...

[agliga]

LGTM. I'm fine to approve as is.

I think the only comment I would add is I see some of the examples aren't using skeletons at all or just show how the rendering happens without them. I'm not sure if those are entirely useful because A) Someone looking at them might be confused what they are trying to convey and B) We are documenting these skeleton loaders and then using them in some examples. It would be almost like documenting an input element without adding our textbox classes on top of it.
So I think we change the title to say in order rendering without skeletons as well as in the description we explain why we are showing this without skeletons.
If there is no reason why we are showing the non-skeleton rendering, then we probably should remove them.

(The first two examples on this are what I am referring to)

[saiponnada]

@ianmcburnie said he will help by adding docs (through another PR) explaining these examples in detail.