Add good real-world page examples

[ericsoderberghp]

Leverage work we've done for Financial Services, Positano, etc. to pick a couple of pages that we consider good examples of the design system. Strip them down if needed to remove anything we wouldn't recommend or that detracts from the UI-centric code. Create a new page under Templates called something like "Real Pages"? Populate it with these examples.

Part of the motivation for this is to help newcomers combine our page layouts with our rich component examples. In multiple conversations I've had with HPE teams, they have asked for something like this, to help them get started in a good direction.

[ericsoderberghp]

From Ezmeral: https://grommet.slack.com/archives/C04LMJWQT/p1655319277979419

what I would really like to see from the design team on the design system website is perhaps in addition to the piece-meal per-component guidance for each component, I’d love to see perhaps a template page that shows wholistic guidance for how to use all these things together as I’m attempting to do in these static images. I think you could classify all these components together as “Feedback Components” or “User Feedback Guidance.”