fix: update editor delete animations

src/trash/editorTable.jsx

@@ -530,14 +530,14 @@ 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 />
           </DengiButton>
           <DengiButton onClick={handleRedo} disabled={redoItems.length == 0}>
             <BiRedo />
-          </DengiButton>  
+          </DengiButton>
           <AnimatePresence mode="popLayout">
             {selectedTab == 0 && (
               <motion.div exit={{ opacity: 0 }}>
@@ -601,10 +601,10 @@ export function TableEditor({
                 <SortableContext
                   items={items.map((item) => item.id)}
                   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!"