Create a drop UI state on the Sections showing the area where the selected section can be moved

No feedback to the user while moving the section leads to confusion, error, and possibly task failure. There also isn’t a way to undo an incorrect movement of the section raising the importance of giving users more control over the move section action.

Requirement:

Create a drop UI state on the Sections showing the area where the selected section can be moved. See the attachments for the design specs.

- The drop UI state is shown as the user drags a section to a new area [ possible area ] on the sections.
- A drop UI state is not shown for dropping the section in the same spot.
- Only one drop UI state is shown on the Section based on the location of the dragged section.
- All possible new locations for any section should be able to have a drop UI state when the user attempts to drop it in that area.

No source file, test, or entry point is named in the issue; start by tracing the Sections drag-and-drop behavior in this React UI and compare it with the attached design. Done means valid new drop locations show one drop state, the current location shows none, and all possible destinations can display the state.

Written by the indexing model from the issue text.