Avoid re rendering the quote when translating to Spanish

fix/translate-quote

src/doing/Doing.jsx

@@ -64,18 +64,22 @@ export const Doing = () => {
           }
         })
         setQuote(response.data.content.slice(0, -1)) // Delete the last dot of the quote
-        // translate quote to spanish
-        if (store.language.current === "spanish") {
-          let quoteTranslated = await axios(`https://api.mymemory.translated.net/get?q=${quote}&langpair=en|es`)
-          setQuote(quoteTranslated.data.responseData.translatedText)
-        }
         setAuthor(response.data.author)
       }
       catch (error) { console.error("Error fetching the quote: ", error.message) }
     }
     fetchQuote()
   }, [fetchNewQuote])
 
+  const translateQuote = async () => {
+    let quoteTranslated = await axios(`https://api.mymemory.translated.net/get?q=${quote}&langpair=en|es`)
+    setQuote(quoteTranslated.data.responseData.translatedText)
+  }
+
+  useEffect(() => {
+    if (store.language.current === "spanish") translateQuote()
+  }, [author])
+
   return (
     <div className='Doing'>
       <h1>{text.doing.title}</h1>