fix: update editor delete animations

src/trash/editorTable.jsx

@@ -530,7 +530,7 @@ export function TableEditor({
           show={deleteDiag}
         />
       </div>
-      <div className="w-full overflow-hidden my-1 flex flex-col gap-3">
+      <div className="w-full overflow-hidden my-1 flex flex-col gap-3 pb-40">
         <div className="flex gap-2 flex-wrap">
           <DengiButton onClick={handleUndo} disabled={undoItems.length == 0}>
             <BiUndo />
@@ -603,8 +603,8 @@ export function TableEditor({
                   strategy={verticalListSortingStrategy}
                 >
                   <div>
-                    <AnimatePresence mode={items.length > 0 ? "sync" : "wait"}>
+                    <AnimatePresence mode="popLayout">
-                      {items.map((item) => (
+                      {items.map((item, idx) => (
                         <motion.div
                           initial={{
                             x: -15,
@@ -632,12 +632,10 @@ export function TableEditor({
                           initial={{
                             filter: "blur(5px)",
                             opacity: 0,
-                            scale: 0.8,
                           }}
                           animate={{
                             filter: "blur(0px)",
                             opacity: 1,
-                            scale: 1,
                           }}
                           className={`border-2 border-dashed ${
                             pickmeMode ? "border-pink-700" : "border-gray-700"
@@ -658,7 +656,7 @@ export function TableEditor({
             <LoadingSpinner size={35} />
           </div>
         )}
-        <motion.div className="flex w-full justify-end gap-2 fixed pr-20 bottom-2 left-0">
+        <motion.div layout="position" className="flex w-full justify-end gap-2">
           <DengiButton
             onClick={handleDeleteAll}
             className="border-red-600! md:not-disabled:not-hover:border-red-400!"