bug: setTimeout calls not cleared on unmount across components

[nanaf6203-bit]

Summary

setTimeout calls in many components are not cleared on unmount when the component disappears mid-flight.

Affected area

• src/components/ComparisonBar.tsx (copy timeout)
• src/components/dashboard/StakingModal.tsx (setTimeout(() => setStep('input'), 300))
• src/components/dashboard/DataRefreshWrapper.tsx (setTimeout(() => { … }, 2000), setInterval-style)
• src/components/dashboard/PortfolioReport.tsx
• src/components/kyc/KycVerificationCenter.tsx
• src/components/property/SetPriceAlertModal.tsx
• src/components/referral/ClaimRewardsModal.tsx (setTimeout(onClose, 3000))
• src/components/referral/ReferralLinksCard.tsx
• src/components/responsive/LazyLoadingExample.tsx
• src/components/TransactionMonitor.tsx
• src/app/widget/embed-code/page.tsx

Steps to reproduce / impact

Memory leaks, state updates on unmounted component (React 18 warning), cancellation races on rapid user interaction.

Expected behaviour

Store timers in refs and clear them in the component's cleanup effect, or use AbortController-based helpers.

Acceptance criteria

• All window.setTimeout calls in components are cleared on unmount.
• Add a custom hook useTimeout / useSafeTimeout to centralise the pattern.
• Add unit tests asserting cleanup.

[laraba9987-cmyk]

@laraba9987-cmyk has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

i would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @laraba9987-cmyk to this issue.

[Abdulrasaq1515]

@Abdulrasaq1515 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I want to fix setTimeout calls that are not cleared on unmount because they cause memory leaks and React 18 warnings about state updates on unmounted components. The fix involves creating a useSafeTimeout custom hook to centralise the pattern and adding cleanup in components' useEffect.

Relevant experience:

Timeout cleanup — fixed setTimeout leaks in 3 React apps; useSafeTimeout hook, component cleanup

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Abdulrasaq1515 to this issue.

[drips-wave]

Congratulations, @laraba9987-cmyk! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @laraba9987-cmyk: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @laraba9987-cmyk as part of the Stellar Wave Program's 6th Wave 🥳

😎 @laraba9987-cmyk: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.