refactor: pane gesture overlay animation

packages/web/src/javascripts/Components/Panes/usePaneGesture.ts

@@ -62,9 +62,21 @@ export const usePaneSwipeGesture = (
           requestElementUpdate(0)
         }
 
-        overlayElementRef.current?.remove()
+        if (overlayElementRef.current) {
+          overlayElementRef.current
+            .animate([{ opacity: 0 }], {
+              duration: 5,
+              fill: 'forwards',
+            })
+            .finished.then(() => {
+              if (overlayElementRef.current) {
+                overlayElementRef.current.remove()
                 overlayElementRef.current = null
               }
+            })
+            .catch(console.error)
+        }
+      }
     }
 
     function requestElementUpdate(x: number) {