[Task] Refactor drag and drop code so that DashboardCard order does not depend on DOM element order

[maxcao13]

Also, i noticed that iframeare being reinitialized when reordering. Came across this one

It is indeed slightly annoying, but only because the re-ordering functionality is tied in with the order that the card elements are being attached to the DOM. It doesn't have to actually be this way since Patternfly grid uses the grid-order for its ordering which is just a css attribute, however I implemented the drag drop keeping the JS list order in mind which it is just a bit more intuitive. There will just need to a bit of refactoring with how the drag and drop works, but its probably not horrible. If you guys think this is important, I will look into a patch.

Originally posted by @maxcao13 in #856 (comment)