Update Healer Man server

src/ui/TimedEffectStrip.tsx

@@ -1,4 +1,5 @@
-import { useEffect, useState } from "react";
+import { useShallow } from "zustand/react/shallow";
+import { usePresentationClock } from "./usePresentationClock";
 import { abilityById } from "../game/abilityCatalog";
 import { useCombatStore, type TimedCombatEffect } from "../game/combatStore";
 import {
@@ -33,13 +34,7 @@ function LiveTimedEffectStrip({
   readonly onInspect?: StatusEffectInspectHandler;
   readonly tooltipId?: string;
 }) {
-  const [now, setNow] = useState(() => Date.now());
-
-  useEffect(() => {
-    setNow(Date.now());
-    const timer = window.setInterval(() => setNow(Date.now()), 100);
-    return () => window.clearInterval(timer);
-  }, []);
+  const now = usePresentationClock();
 
   const visibleEffects = groupTimedEffectsForDisplay(effects, now);
 
@@ -99,11 +94,10 @@ export function TimedEffectStrip({
   onInspect,
   tooltipId,
 }: TimedEffectStripProps) {
-  const allEffects = useCombatStore((state) => state.effects);
   const requestedTargetIds = targetIds ?? [targetId];
-  const effects = allEffects.filter((effect) => (
+  const effects = useCombatStore(useShallow((state) => state.effects.filter((effect) => (
     requestedTargetIds.includes(effect.targetId) && kinds.includes(effect.kind)
-  ));
+  ))));
 
   if (!effects.length) return null;
   return (