SortableContext for Reorderable Lists

SortableContext is a specialized dnd-kit component that wraps a reorderable list. While useDraggable and useDroppable handle arbitrary drag-and-drop, SortableContext specifically handles the case where items in a list need to be reordered by dragging them into a new position.

SortableContext requires an items prop: an array of unique string or number IDs that match the IDs used in the child sortable components. The order of this array defines the current order of items. When you update this array in state, the list re-renders in the new order.