fix: disable infinite animation loop on Learn button (#614)

[shriija]

Closes #614

fix: disable infinite animation loop on Learn button (#614)

Description

This PR resolves the issue where the "Learn" button in the Navbar would pulse indefinitely. By changing the loop property to false, the animation now correctly plays once upon mounting and then remains static, preventing a persistent visual distraction for users.

Changes

• Changed loop: true to loop: false in the useSpring hook for the "Learn" button.
• Verified that the animation now runs once on page load and then stops, resolving the infinite pulsing distraction reported in Learn button animation continuously loops due to loop: true property #614.

Screenshots or Video

Template.Playground.-.Google.Chrome.2026-03-08.19-52-28.mp4

Related Issues

• Issue Learn button animation continuously loops due to loop: true property #614
• Pull Request #

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	bb5fed8
🔍 Latest deploy log	https://app.netlify.com/projects/ap-template-playground/deploys/69ada0c1cf697a0008ff527f
😎 Deploy Preview	https://deploy-preview-795--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.