fix(animated-theme-toggler): prevent compositor crashes and glitches on rapid click

[itskdhere]

Description

This PR introduces concurrency locks, a toggle cooldown, and temporary user-interaction disabling (inert) to the AnimatedThemeToggler component. These measures ensure that multiple View Transitions cannot overlap or run simultaneously, preventing browser-level crashes and rendering glitches.

Changes

• Added isTransitioningRef and isTransitioning state to block initiating a new transition if one is already active.
• Introduced a 500ms strict debounce threshold (lastToggleTimeRef) between toggles to prevent spamming the compositor.
• Set the document root to inert and added a pointer-events: none !important style to all ::view-transition pseudo-elements during execution.
• Wrapped transition promises with proper .catch() and cleanup states to prevent the layout from locking up if a transition is aborted or fails.

Motivation

Fixes #986

Breaking Changes

None.

Screenshots Demo

Device / Browser / Viewport: Windows / Chrome / Desktop

Before	After
https://magicui-animated-theme-toggler.vercel.app/crash	https://magicui-animated-theme-toggler.vercel.app/fix

[vercel]

@itskdhere is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[Yeom-JinHo]

Thanks @itskdhere — pushed follow-ups that trim the fix down to just the in-flight transition lock, since overlapping transitions are what crash the compositor