Move scroll animations to Rust/WASM, enable Hasura, and move bookmarks to home sidebar

Port AutoScroll and Headline scroll logic from Vue/JS to Rust compiled
to WASM via wasm-pack. Add multi-stage Docker build for WASM compilation,
Vite WASM plugins, and top-level await for WASM init. Enable Hasura
service in docker-compose. Move bookmarks from a separate route to an
inline sidebar component on the home page. Fix ToggleHeader click
propagation.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

vue/src/components/util/AutoScroll.vue

@@ -1,108 +1,26 @@
 <template>
-    <div ref="container" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" class="overflow-y-auto">
+    <div ref="container" class="overflow-y-auto">
         <slot />
     </div>
 </template>
 
 <script setup>
 import { useTemplateRef, onMounted, onBeforeUnmount } from "vue";
+import { AutoScroller } from "@/wasm/stp_wasm.js";
 
 const container = useTemplateRef("container");
 
-const SPEED = 0.0005; // % per frame
-const PAUSE = 2000; // ms at top/bottom
-
-let pos = 0;
-let direction = 1; // 1 = down, -1 = up
-let hovered = false;
-let rafId = null;
-let pauseTimeoutId = null;
-let cachedScrollHeight = 0;
-
-function measureScrollHeight() {
-    const el = container.value;
-    if (el) cachedScrollHeight = el.scrollHeight;
-}
-
-function stopLoop() {
-    if (rafId !== null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-    }
-    if (pauseTimeoutId !== null) {
-        clearTimeout(pauseTimeoutId);
-        pauseTimeoutId = null;
-    }
-}
-
-function startLoop() {
-    stopLoop();
-    rafId = requestAnimationFrame(tick);
-}
-
-function onMouseEnter() {
-    hovered = true;
-    stopLoop();
-}
-
-function onMouseLeave() {
-    hovered = false;
-    const el = container.value;
-    if (el && cachedScrollHeight > 0) {
-        pos = el.scrollTop / cachedScrollHeight;
-    }
-    startLoop();
-}
-
-function schedulePause(callback) {
-    stopLoop();
-    pauseTimeoutId = setTimeout(callback, PAUSE);
-}
-
-function tick() {
-    rafId = null;
-    const el = container.value;
-    if (hovered) return;
-
-    if (!el || cachedScrollHeight === 0) {
-        rafId = requestAnimationFrame(tick);
-        return;
-    }
-
-    const reachedBottom = pos >= 1;
-    const reachedTop = pos <= 0;
-
-    if (reachedBottom) {
-        pos = 0.999;
-        direction = -1;
-        schedulePause(startLoop);
-        return;
-    } else if (reachedTop && direction === -1) {
-        pos = 0.001;
-        direction = 1;
-        schedulePause(startLoop);
-        return;
-    }
-
-    pos += direction * SPEED;
-
-    el.scrollTop = pos * cachedScrollHeight;
-
-    rafId = requestAnimationFrame(tick);
-}
-
-let resizeObserver;
+let scroller = null;
 
 onMounted(() => {
-    measureScrollHeight();
-    schedulePause(startLoop);
-
-    resizeObserver = new ResizeObserver(measureScrollHeight);
-    resizeObserver.observe(container.value);
+    if (!container.value) return;
+    scroller = new AutoScroller(container.value);
+    scroller.start();
 });
 
 onBeforeUnmount(() => {
-    stopLoop();
-    resizeObserver?.disconnect();
+    scroller?.destroy();
+    scroller?.free();
+    scroller = null;
 });
 </script>