fix: restrict item drag to parent table bounds

src/admin/pages/OfferDetail.tsx

@@ -6,7 +6,7 @@ import { motion, AnimatePresence } from 'framer-motion'
 
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, type DragEndEvent } from '@dnd-kit/core'
 import { SortableContext, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable'
-import { restrictToVerticalAxis } from '@dnd-kit/modifiers'
+import { restrictToVerticalAxis, restrictToParentElement } from '@dnd-kit/modifiers'
 import { CSS } from '@dnd-kit/utilities'
 import ConfirmModal from '../components/ConfirmModal'
 import FormField from '../components/FormField'
@@ -834,7 +834,7 @@ export default function OfferDetail() {
             <DndContext
               sensors={dndSensors}
               collisionDetection={closestCenter}
-              modifiers={[restrictToVerticalAxis]}
+              modifiers={[restrictToVerticalAxis, restrictToParentElement]}
               onDragEnd={(event: DragEndEvent) => {
                 const { active, over } = event
                 if (!over || active.id === over.id) return