[UI] Metadata Formatter for Deploy / Undeploy Events

[leecalcote]

This issue a child issue of the epic described in #10937. See the parent issue for additional context.

Current Behavior

Meshery UI users receive information back from Meshery Server with depth of details varying based on type of event (operation performed).

For example, a successful design deployment might include a list of all components deployed (as pictured in the screenshot).

Desired Behavior

1. Enhance or create new metadata formatter for Meshery UI Notification Center design deployment events.

Acceptance Tests

1. No event details overflow the Notification Center container.
2. Component names are separated onto individual lines in a bulleted, unordered list.

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions[bot]]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[Aviral0702]

Please assign this issue to me.

[Aviral0702]

How can I reproduce this issue ?

[Aseem22]

@leecalcote I tried to reproduce it. It seems to be fixed now.