[components]: Create custom `YAMLDialog`

[nebula-aac]

Current Behavior

Meshery UI has a YAMLDialog component that would benefit from being reused.

Desired Behavior

• Create reusable component
• Set the generic props used across multiple pages that uses this
• Ensure that DialogContent has props and wraps children as this is where the Codemirror is being used

Implementation

Acceptance Tests

Mockups

---

Contributor Guide

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)

[nebula-aac]

Update: I have this partially done testing in the Next.js PR, but have not implemented in the components package.