Prior ticket: T296783: Re-order story pages

It uses the mouse hover to detect the next frame and reorder the frame position; once it moves out of the thumbnail container, the reordering step is finished.

Changing the logic to allow the user to continue to reorder while the mouse/touch presses the thumbnail and moves around the entire screen, thumbnail continues moving x-axis.

Current Result (Gif file)

Dev: During the setup phase, calculate all the thumbnail position, getBoundingClientRect; once the mouse moves touch move event is called, check all the thumbnail positions if it has a collision with each other.