feat(ui): added visibility change listener to mute sounds when the do…

…cument is hidden

src/features/sound/hooks/use-sounds/use-sounds.ts

@@ -10,6 +10,16 @@ export const useSounds = () => {
 
 	const { isMuted } = useSoundState();
 
+	useEffect(() => {
+		document.addEventListener('visibilitychange', () => {
+			if (document.visibilityState === 'hidden') {
+				Howler.mute(true);
+			} else {
+				Howler.mute(isMuted);
+			}
+		});
+	}, [isMuted]);
+
 	useEffect(() => {
 		Howler.mute(isMuted);
 	}, [isMuted]);