feat(#2715): Add examples section that is integrated with Github

[twjeffery]

A first spike on using our githhub backlog to populate the content on the component and examples page on the design system website.

I redid the AllComponents page using github to populate the content.

This should be visually and functionally the same as https://design.alberta.ca/components, but now all of the content is pulled from Design System

[netlify]

✅ Deploy Preview for abgov-ui-component-docs ready!

Name	Link
🔨 Latest commit	9bda0fe
🔍 Latest deploy log	https://app.netlify.com/projects/abgov-ui-component-docs/deploys/68757fc90825d80008b6efef
😎 Deploy Preview	https://deploy-preview-365--abgov-ui-component-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ArakTaiRoth]

@twjeffery @bdfranck I think one thing to look at when testing this, is load times. We might be able to add caching which would help significantly, but we'd need a way to verify when the cache needs to be updated. For now though, load times might be an issue.

[twjeffery]

@twjeffery @bdfranck I think one thing to look at when testing this, is load times. We might be able to add caching which would help significantly, but we'd need a way to verify when the cache needs to be updated. For now though, load times might be an issue.

Good point Dustin. I created this sub-issue after some initial exploration: GovAlta/ui-components#2725

I don't think we should start this until we finalize the example pages and the graphQL needs so that we don't have to keep updating it.

[bdfranck]

I looked at the deploy preview...

• ✅ The example page loads with only three requests to GitHub's GraphQL server
• ✅ The GraphQL data is cached in the browser's localstorage
• ✅ The cached data has an expiry
• ✅ The expiry time is 24 hours in the future
• ✅ All the published examples have thumbnails

Looks good to me! 👍