fix(pomodoro): sound volume increasing while pomodoro is stopped afte…

…r a period of time

ref: https://stackoverflow.com/questions/57859484/useeffect-runs-infinite-loop-despite-no-change-in-dependencies

fix #608

src/components/sound/index.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react'
+import { useDeepCompareEffect } from 'react-use'
 
 import type { Sound } from '~/data/sounds'
 
@@ -88,7 +89,8 @@ export const SoundButton: React.FC<SoundButtonProps> = ({ sound }) => {
     soundRef.current.load()
   }, [])
 
-  useEffect(() => {
+  // https://github.com/mateusfg7/Noisekun/issues/608#issuecomment-1874096664
+  useDeepCompareEffect(() => {
     const soundState = getSoundState(sound.id)
 
     if (!soundState || !localSoundState) return