cross/multi container dnd using useSortable with a single context

[FalconiZzare]

🐛 Need Help With Setting Up Cross/Multi Container DnD

📝 Description Of The Issue

I'm using DnDContext, 1 SortableContext inside the main container where Category Containers can be Dragged and Dropped and category containers have SortableContext inside each of them to drag and drop subcategories. All of these using a single DnDContext. Now I want to move subcategories cross-container, basically I want to achieve multi container drag and drop for the subcategories. That's where the issue begins, broken drag and drop animations/visuals. I can't set it up properly. If anyone can help me set it up properly, at least the drag and drop visuals/animations where it doesn't break down while moving cateogory containers around and moving one subcategory to another category container. I prefer the constants the way they are structred. Will be beneficial for me.

👀 Visual Preview Of The Issue

Recording.2024-04-30.201227.mp4

🔗Link to repositories

GitHub: Link

GitHub Pages: Link

⚙️ My Environment

Package	Version
node	v21.7.1
react	v18.2.0
@dnd-kit/core	v6.1.0
@dnd-kit/modifiers	v7.0.0
@dnd-kit/sortable	v8.0.0
@dnd-kit/utilities	v3.2.2