chore: translate lastFM strings

src/locales/en-us.json

@@ -7,5 +7,8 @@
     "welcome": "Hi, I'm Giovani! Welcome to my website!",
     "skills": "Skills",
     "projects": "Projects",
-    "send": "Send"
+    "send": "Send",
+    "myLast": "My Last.FM Status",
+    "myLastDescription": "Take a look on my last played song:",
+    "lastLink": "Check this song page on Last.FM"
 }

src/locales/pt-br.json

@@ -7,5 +7,8 @@
     "welcome": "Olá, eu sou o Giovani! Bem-vindo ao meu site!",
     "skills": "Habilidades",
     "projects": "Projetos",
-    "send": "Enviar"
+    "send": "Enviar",
+    "myLast": "Meu status do Last.FM",
+    "myLastDescription": "Dê uma olhada na música que eu estava ouvindo:",
+    "lastLink": "Clique aqui para ver a música no Last.FM"
 }

src/pages/music/index.tsx

@@ -2,18 +2,21 @@ import { getRecentTracks } from "../../api/lastfm";
 import { MainContainer } from "../../components/MainContent/styles";
 import { useQuery } from '@tanstack/react-query'
 import { Paragraph } from "../../components/Paragraph/styles";
+import { useTranslation } from "react-i18next";
+
 
 export default function Music() {
+    const { t } = useTranslation()
     const { data: lastResponse } = useQuery({
         queryKey: ['song'],
         queryFn: getRecentTracks
     })
     return (
         <MainContainer>
-            <h1>My Last FM Status</h1>
+            <h1>{t("myLast")}</h1>
-            <h2>Check my last played song!</h2>
+            <h2>{t("myLastDescription")}</h2>
             <Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph>
-            <a href={lastResponse?.recenttracks?.track[0].url}>Check this song on LastFM</a>
+            <a href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</a>
         </MainContainer>
     )
 }