Use React Dnd instead of React-Draggable library (Unstable)

[fredalai]

This PR not yet ready.

Spec: Use React Dnd instead of React-Draggable library.

Still have some problem/improvement items not yet resolve:

• Avoid use the way like: data.parentNode.parentNode (but not yet fix) since someone situation will get the wrong.
• [Improvement item] Use react hooks to implement
• Sort out source code

Note:

• React Dnd's Hooks-Based API is unstable currently. (To evaluate it from the perspective of the project, this is why I did not choose to use it.)