perf(reader): disable page turn animation + reduce chapter switch delay

- Remove 'animated' attribute from renderer so pages switch instantly
  instead of using a 400ms slide animation
- Reduce cross-chapter wait from 100ms to 16ms (one frame)
- Also reduce animation duration from 400ms to 250ms as fallback
  if animated is re-enabled in the future

The combined effect makes page turning feel instant and responsive.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bealqiu

packages/app/src/components/reader/FoliateViewer.tsx

@@ -2239,8 +2239,8 @@ function applyRendererSettings(
     applyReflowLayoutSettings(view, settings);
   }
 
-  // Enable page turn animation
-  renderer.setAttribute("animated", "");
+  // Disable page turn animation for instant response
+  // renderer.setAttribute("animated", "");
 
   // Apply CSS styles (skip font overrides for fixed layout)
   applyRendererStyles(view, settings, isFixedLayout, theme);

packages/foliate-js/paginator.js

@@ -939,7 +939,7 @@ export class Paginator extends HTMLElement {
     // FIXME: vertical-rl only, not -lr
     if (this.scrolled && this.#vertical) offset = -offset;
     if ((reason === "snap" || smooth) && this.hasAttribute("animated"))
-      return animate(element[scrollProp], offset, 400, easeOutCubic, (x) => (element[scrollProp] = x)).then(() => {
+      return animate(element[scrollProp], offset, 250, easeOutCubic, (x) => (element[scrollProp] = x)).then(() => {
         this.#scrollBounds = [offset, this.atStart ? 0 : size, this.atEnd ? 0 : size];
         this.#afterScroll(reason);
       });
@@ -1113,7 +1113,7 @@ export class Paginator extends HTMLElement {
         index: this.#adjacentIndex(dir),
         anchor: prev ? () => 1 : () => 0,
       });
-    if (shouldGo || !this.hasAttribute("animated")) await wait(100);
+    if (shouldGo || !this.hasAttribute("animated")) await wait(16);
     this.#locked = false;
   }
   prev(distance) {