dynamically-list-the-supported-platforms

[vishalvivekm]

Description

This PR fixes #5271

Currently we're showing hard-coded supported platforms at these 5 pages:

1. https://layer5.io/orchestration-management
2. https://layer5.io/architecture-diagram/design-architecture-diagram
3. https://layer5.io/cloud-native-management/generate-aws-architecture-diagram
4. https://layer5.io/cloud-native-management/generate-gcp-architecture-diagram
5. https://layer5.io/cloud-native-management/generate-kubernetes-architecture-diagram

Notes for Reviewers
This PR enhances RelatedPicks component to dynamically fetch data for supported platforms using GraphQL from a new collection use-cases which houses all the necessary metadata for usecase as well as supportedplatform categories.

Video

Layer5.-.Google.Chrome.2024-01-28.23-17-39.mp4

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 577da3c at: https://65b696e561304e922972f787--layer5.netlify.app

[leecalcote]

Did you create the RelatedPicks component or is this a published package?

[leecalcote]

Will you update the CONTRIBUTING with a small description of RelatedPicks? (usage example)

[vishalvivekm]

Did you create the RelatedPicks component or is this a published package?

It's already present component.

Will you update the CONTRIBUTING with a small description of RelatedPicks? (usage example)

Yes, Sure @leecalcote