KCard: Complete vertical/horizontal layouts with no thumbnail

[MisRob]

Summary

This is one of the follow-ups to https://github.com/learningequality/kolibri-design-system/pull/625

Check that KCard supports vertical/horizontal layouts with no thumbnail well and add some examples to the documentation page.

This is to ensure that it can support cards like

Guidance

• Try if cards like above can be easily achieved by the current KCard or if we need to add some internal code or new interface APIs to be able to do so
• I think there's no need to distinguish between 'vertical' and 'horizontal' layout in this case when 'thumbnailDisplay' is 'none'. So the expected behavior would be that any time thumbnailDisplay='none', KCard's output would be such as illustrated on the designs.

References

Figma

[MisRob]

With @AllanOXDi we agreed to use the same approach for hiding the slot areas when empty as in https://github.com/learningequality/kolibri-design-system/issues/702. That is, by adding preserverFooter and preserveBelowTitle props.

[MisRob]

Note that here we will preserve 24px spaces introduced here https://github.com/learningequality/kolibri-design-system/issues/704 (slightly different from the screenshot)

[AllanOXDi]

fix in #699