Function handleDragStart

components/TransformationSelector.tsx:27–34

(e: React.DragEvent<HTMLButtonElement>, index: number)

  const [dragging, setDragging] = useState(false);

  const handleDragStart = (e: React.DragEvent<HTMLButtonElement>, index: number) => {
    dragItemIndex.current = index;
    setDragging(true);
    const target = e.currentTarget;
    setTimeout(() => {
      target.classList.add('opacity-40', 'scale-95');
    }, 0);
  };

  const handleDragEnter = (e: React.DragEvent<HTMLButtonElement>, index: number) => {
    dragOverItemIndex.current = index;