[ui] Refine ending logo animation timing and convergence flow

[Oluwatunmise-olat]

Notes for Reviewers

• This PR fixes Improve the timing and flow of the ending logo animation #141

Context

Issue #141 asks for refinement of the final logo animation sequence in the browser section, specifically the moment where the floating Kanvas logo pieces converge into the assembled logo.

Based on issue discussion, the rough edges were most visible when scrolling quickly.

Root Cause Areas Addressed

This PR focuses on three concrete problem areas in the current animation pipeline:

1. Overly large/random initial transform range on pieces.
2. Abrupt handoff from scroll-scrubbed movement to time-based convergence animation.
3. Unnecessary initialization of heavy scroll animation logic on pages without the browser scene.

---

Behavior Impact

After this change, the final browser-section logo assembly should:

• Start from more stable piece orientations.
• Transition more reliably from scroll-scrubbed movement into convergence.
• Feel smoother and less abrupt, including during fast scroll scenarios.
• Avoid initializing this animation system on pages where it is irrelevant.

---

Validation Performed

• node --check static/scripts/main.js
• make build

Both completed successfully.

---

Files Updated

• static/scripts/main.js

Signed commits

• Yes, I signed my commits.

[github-actions]

🚀 Preview deployment for PR #164

🌐 Preview URL: https://meshery-extensions.github.io/kanvas-site/pr-preview/pr-164/

This preview will be updated automatically when you push new commits to this PR.

[Bhumikagarggg]

On first go it is perfect. But when I go up and come down there is still a problem.

[Oluwatunmise-olat]

On first go it is perfect. But when I go up and come down there is still a problem.

Okay would check it out in a bit

[Oluwatunmise-olat]

Please help with a review @yi-nuo426

[Bhumikagarggg]

@Oluwatunmise-olat Why did you close this PR?

[Oluwatunmise-olat]

@Oluwatunmise-olat Why did you close this PR?

Oh, it was an oversight. I wanted to close out an issue, not the PR itself

[Bhumikagarggg]

@Oluwatunmise-olat Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[Bhumikagarggg]

@Oluwatunmise-olat resolve conflicts