Suggested Improvement: Implementing Collision Detection

[antoinechamot]

I'm submitting this ticket to suggest an enhancement based on our recent discussion:

Currently, I'm engaged in a company project that utilizes Vue/Vuetify, specifically employing drag and drop functionality on v-cards. While the feature operates smoothly, we've received feedback from the UX/UI team aiming to significantly enhance the user experience:

The proposed improvement involves enabling the dropping of an element not merely when the mouse pointer enters the drop zone but rather when the edge of the card being dragged collides with another card.
This functionality would be quite similar to the collision detection example found here: https://konvajs.org/docs/sandbox/Collision_Detection.html