Replace react-beautiful-dnd with @hello-pangea/dnd

There are some [examples showcasing drag-and-drop](https://ui.mantine.dev/category/dnd) that use [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd). This library seems to have been superseeded by [@hello-pangea/dnd](https://github.com/hello-pangea/dnd) which supports TypeScript out of the box and fixes an error with React's strict mode.

Start with the drag-and-drop examples listed at https://ui.mantine.dev/category/dnd and locate their react-beautiful-dnd usage. Review the @hello-pangea/dnd documentation, update each affected example, and verify that the examples work with TypeScript and React strict mode.

Written by the indexing model from the issue text.