Ability to move `DragBetweenLine` intersection and rendering to beneath an expanded item's `<ul>`

[tonyketcham]

Is your feature request related to a problem? Please describe. The default UX for reordering dragged items beneath an expanded item does not feel intuitive and takes some getting used to:

https://user-images.githubusercontent.com/43280336/189314645-74fbe26a-e451-4d54-9b70-228ec8289245.mov

especially as the reorder behavior above the top child is not consistent for children of the expanded item:

https://user-images.githubusercontent.com/43280336/189315161-588de309-9a3b-4f9a-ad60-43e440b93e19.mov

Describe the solution you'd like I would like to be able to hover my dragged items at the bottom of the expanded layer's <ul> element and get drag between line feedback there (rather than directly beneath the expanded parent) for dropping the items beneath the expanded layer.

Describe alternatives you've considered Perhaps this could be a non-breaking change by providing a prop to the tree environment similar to defaultInteractionMode