🐛(frontend) Switched to pointer collision strategy

Author: juliendemoutiez

client/src/components/Board/Board.jsx

@@ -4,6 +4,7 @@ import {
   DndContext,
   DragOverlay,
   closestCenter,
+  pointerWithin,
   KeyboardSensor,
   PointerSensor,
   useSensor,
@@ -77,7 +78,7 @@ function Board({
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
-        distance: 1,
+        distance: 5,
       },
     }),
     useSensor(KeyboardSensor, {
@@ -312,7 +313,7 @@ function Board({
     <div className={styles.wrapper}>
       <DndContext
         sensors={sensors}
-        collisionDetection={closestCenter}
+        collisionDetection={pointerWithin}
         onDragStart={handleDragStart}
         onDragOver={handleDragOver}
         onDragEnd={handleDragEnd}