fix(funbox): deselecting funbox effects does not reset without refresh (@d1rshan)

[d1rshan]

When multiple funbox effects were deselected, the UI showed them as disabled but effects
remained active until refresh.

Root cause

• .funBoxTheme cleanup originally removed only one stylesheet element, so stale funbox
  CSS links could remain in the DOM.
• Funbox config-change handling did not fully resync runtime DOM/CSS state.
• The sync helpers were marked async despite doing synchronous DOM work, creating
  microtask yield points.
• toggleFunbox also manually applied/cleared global effects, which could duplicate
  effects when subscriber sync ran too.

Fix

• Use qsa(".funBoxTheme").remove() to remove all funbox stylesheet links.
• Add syncFunboxStateWithConfig() on funbox config events to:
  • clear globals for inactive funboxes
  • recompute fb-* body classes
  • rebuild funbox CSS links
  • apply global CSS for active funboxes
• Make sync path fully synchronous (setFunboxBodyClasses, applyFunboxCSS,
  syncFunboxStateWithConfig).
• Remove redundant manual clearGlobal/applyGlobalCSS calls in toggleFunbox to avoid
  duplicate DOM overlays.

Manually verified by enabling multiple funboxes and deselecting them; effects are removed immediately without refresh.

Closes #7468

[Copilot]

Pull request overview

Fixes a UI/state desync in the typing-test “funbox” system where deselecting multiple funbox effects removed UI indicators but left effects active until refresh (by ensuring all injected funbox stylesheets/classes are fully resynced on config changes).

Changes:

• Remove all .funBoxTheme <link> tags via qsa(...).remove() (instead of only the first match).
• Add syncFunboxStateWithConfig() and run it on every funbox config event to clear inactive funbox globals, recompute fb-* body classes, and reapply active funbox CSS.

[Copilot]

Pull request overview

Copilot reviewed 1 out of 1 changed files in this pull request and generated 1 comment.

[Copilot]

Body class recompute can leave stale ignore-reduced-motion behind after disabling the last funbox with ignoreReducedMotion because non-fb- classes are preserved. Ensure ignore-reduced-motion is removed from the preserved set before conditionally re-adding it based on active funboxes.

[byseif21]

Hi @d1rshan thanks for your contribution, #7575 already fixed the multi selection issue