Bug - Table - Refactor Column Management with Draggable demo

[jenny-s51]

Describe the problem
A clear and concise description of the problem. Which components are affected?

@jenny-s51 This looks great, but there seems to be a bug with column reordering via drag & drop. If I reorder columns and then click Save, upon returning to the table, it's empty.

Originally posted by @mcarrano in #7446 (review)

@mcarrano noticed this bug upon review of #7446 ... this bug already existed in the column management draggable demo. Looks like we're using DataList's deprecated onDrag API here, along with the deprecated itemOrder prop.

In order to fix this bug, we need to refactor this demo to use DragDrop with DataList here.