added transformation item

actionBlocks_website/src/components/MiniBoard.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import type { PlayerState } from '../net/types';
 import type { ItemFlash } from '../net/useGameConnection';
-import { BlackoutTimer } from './BlackoutTimer';
+import { EffectTimers } from './EffectTimers';
 import { BoardCanvas } from './BoardCanvas';
 import { ItemBar } from './ItemBar';
 import { ItemFlashOverlay } from './ItemFlashOverlay';
@@ -30,7 +30,15 @@ export const MiniBoard = memo(function MiniBoard({ state, width, height, slot, s
       </div>
       <BoardCanvas state={state} width={width} height={height} cell={cell} highlighted={selected}>
         <ItemFlashOverlay flashes={flashes} small />
-        <BlackoutTimer remaining={state.alive ? state.invisibleRemaining : 0} small />
+        {state.alive && (
+          <EffectTimers
+            effects={[
+              ['blind', state.invisibleRemaining],
+              ['transform', state.transformedRemaining],
+            ]}
+            small
+          />
+        )}
       </BoardCanvas>
       <div className={styles.items} style={{ width: width * cell + 6 }}>
         <ItemBar items={state.inventory} size={Math.max(10, cell)} />