[Infra Views Read/Write] Delete Data Bag UI

[vinay033]

🔩 Description: What code changed, and why?

We need to add the UI for the Data bag delete (Using new UI )

Figma screen

⛓️ Related Resources

#4543

👍 Definition of Done

I have added a new UI delete modal popup and some other changes to delete the data bag.

👟 How to Build and Test the Change

Go to the `infrastructure tab` from the top navigation bar then you can see the `Chef Server`
If you have data then you can see the list of servers --> click  to any server ---> you can see the list of orgs --> click to any org ---> you can see the multiple tabs after clicking on org (cookbooks, roles, environments, databags, clients)
click to the data bags tab and you can see the list of data bags --> for a single object on the right side you can see the three dots (...), you can click on that and see the delete link. if you click on that delete modal will be open.

✅ Checklist

• I have read the CONTRIBUTING document.
• Tests added/updated?
• Docs added/updated?
• All commits have been signed-off for the Developer Certification of Origin.

📷 Screenshots, if applicable

delete.databag.mp4

[netlify]

Deploy preview for chef-automate processing.

Building with commit c8f0a99

https://app.netlify.com/sites/chef-automate/deploys/6041e1c5bae4d600076be58d

[tarablack01]

LGTM 🎉

[vivekshankar1]

Its working fine.