Duplicated resources items in "view all" popup

This is happening as JS doesn't support a deep copy of an array natively, so when the nested array or object in the copied array change, then original array will have the same change. When the component re-renders, the duplicated changes will show up.

For a quick solution, will create the array inside the component, so whenever it re-renders, the array will be created freshly.

In 1.4, Will make sure only 1 API call will be made before user refresh/reopen the page.

Issue screenshot: