Building a sidebar with React dnd-kit

I've been working on a note-taking application, and part of that involved building a sidebar with drag-and-drop support. The requirements were fairly straightforward: Notes should be nestable (drag one into another) A pinned section at the top Drag interactions shouldn't interfere with normal clicks for file selection After looking around, I went with dnd-kit since it's actively maintained and widely recommended. While the official documentation is good, there were a few gaps I had to figure out