fix(bento): dispose homepage animation listeners and timers on unmount

[WhoamiI00]

What does this PR do?

The bento animation components on the homepage register motion's hover() and inView() handlers inside $effect / onMount, but discard the disposer function each one returns and never cancel the in-flight animation. Nothing is torn down when the component is destroyed by a client-side navigation.

This has two visible consequences:

1. Every bento card leaks its IntersectionObserver. Navigating away from the homepage left 10 of 12 observers alive, each still holding a reference to the now-detached subtree.

2. auth.svelte throws an uncaught error. Hovering the Auth card starts a 1000ms write() interval. Because the card is a link, clicking it mid-animation is a completely ordinary interaction — the page navigates, the component is destroyed, but the interval keeps running and its .then() still calls animate(button, ...) after bind:this has reset button to null:

Error: You're trying to perform an animation on null. Ensure that selectors are
correctly finding elements and refs are correctly hydrated.
    at animateSubject (motion.js)
    at bento/(animations)/auth.svelte

This reproduces on production today — on appwrite.io the minified build surfaces it as Invalid value used as weak map key from the same call.

sites.svelte has the same shape and additionally leaves a 44-second animate() running after unmount.

The fix

Capture the disposers that hover() / inView() already return, return a teardown from the effect, and stop any in-flight animation. auth.svelte also guards the deferred button pulse, since a write() that settles at the exact moment of unmount resolves after teardown has run and so cannot be cancelled.

No behaviour changes while the component is mounted — this only adds cleanup.

Test Plan

Repro (before this PR): load the homepage, hover the Auth bento card, and click it within ~1s. The error above appears in the console on /products/auth.

Measured with an instrumented Playwright run that hovers the Auth card, clicks through to /products/auth, then counts animation ticks that still fire and observers that are still connected:

	before	after
animation ticks after unmount	11	0
IntersectionObservers still live	10	3
uncaught error on navigation	yes	no

The 7 newly-disposed observers correspond exactly to the 7 bento cards; the remaining 3 belong to other components on the page and are out of scope here.

Also verified there is no regression to the hover animation itself — rapid hover in/out over 12 cycles still shows 1 concurrent animation, 0 multi-character jumps, and clean write/unwrite alternation, identical to main.

Checks: svelte-check reports 0 errors and 0 warnings, and prettier --check passes on all touched files.

Related PRs and Issues

None. Found while investigating #2758 (which is already fixed by d1b92c9 — I've left a note on that issue).

Have you read the Contributing Guidelines on issues?

Yes.

[greptile-apps]

Greptile Summary

This PR adds lifecycle cleanup to the homepage bento animations so client-side navigation no longer leaves their Motion handlers and long-running animation work active.

• Retains and invokes hover() and inView() disposers across seven bento cards.
• Cancels Auth typing work and guards its deferred button pulse after unmount.
• Stops tracked Functions and Sites animations during teardown.

Confidence Score: 4/5

The PR is safe to merge, with a non-blocking cleanup gap for short-lived animations in four bento cards.

Listener and observer disposal is correctly added, and the stateful or long-running Auth, Functions, and Sites animations are explicitly cancelled; several other cards still allow already-started element animations to finish after destruction.

Files Needing Attention: src/routes/(marketing)/(components)/bento/(animations)/databases.svelte, messaging.svelte, realtime.svelte, and storage.svelte

Important Files Changed

Filename	Overview
src/routes/(marketing)/(components)/bento/(animations)/auth.svelte	Disposes hover and viewport handlers, cancels typing intervals, and guards the deferred button pulse after unmount.
src/routes/(marketing)/(components)/bento/(animations)/databases.svelte	Disposes hover and viewport handlers, but already-started Motion animations remain untracked during teardown.
src/routes/(marketing)/(components)/bento/(animations)/functions.svelte	Disposes handlers and stops the tracked width animation during teardown.
src/routes/(marketing)/(components)/bento/(animations)/messaging.svelte	Disposes handlers while leaving already-started element animations to finish on detached DOM.
src/routes/(marketing)/(components)/bento/(animations)/realtime.svelte	Disposes handlers while leaving already-started element animations to finish on detached DOM.
src/routes/(marketing)/(components)/bento/(animations)/sites.svelte	Disposes handlers and stops the tracked seconds and text animations during teardown.
src/routes/(marketing)/(components)/bento/(animations)/storage.svelte	Disposes handlers while leaving already-started element animations to finish on detached DOM.

Prompt To Fix All With AI

### Issue 1
src/routes/(marketing)/(components)/bento/(animations)/databases.svelte:140-143
**Active animations survive teardown**

`stopHover()` and `stopInView()` only detach Motion's event and observer handlers; they do not stop animations already started by their callbacks. Navigating away during an animation therefore leaves work running against the detached card until completion; retain and stop the animation controls here and in the equivalent messaging, realtime, and storage cleanup paths.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

_{Reviews (1): Last reviewed commit: "fix(bento): dispose homepage animation l..." | Re-trigger Greptile}

[greptile-apps]

Active animations survive teardown

stopHover() and stopInView() only detach Motion's event and observer handlers; they do not stop animations already started by their callbacks. Navigating away during an animation therefore leaves work running against the detached card until completion; retain and stop the animation controls here and in the equivalent messaging, realtime, and storage cleanup paths.

Knowledge Base Used: Marketing pages

Prompt To Fix With AI

This is a comment left during a code review.
Path: src/routes/(marketing)/(components)/bento/(animations)/databases.svelte
Line: 140-143

Comment:
**Active animations survive teardown**

`stopHover()` and `stopInView()` only detach Motion's event and observer handlers; they do not stop animations already started by their callbacks. Navigating away during an animation therefore leaves work running against the detached card until completion; retain and stop the animation controls here and in the equivalent messaging, realtime, and storage cleanup paths.

**Knowledge Base Used:** [Marketing pages](https://app.greptile.com/appwrite/-/custom-context/knowledge-base/appwrite/website/-/docs/marketing-pages.md)

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.