feat: start internatinalization

frontend/src/components/SessionInfo/index.js

@@ -1,18 +1,20 @@
 import React from "react";
 import Typography from "@material-ui/core/Typography";
 
+import { i18n } from "../../translate/i18n";
+
 const SessionInfo = ({ session }) => {
 	console.log(session);
 	return (
 		<div>
 			<Typography component="h2" variant="h6" color="primary" gutterBottom>
-				{`Status: ${session.status}`}
+				{`${i18n.t("sessionInfo.status")}${session.status}`}
 			</Typography>
 			<Typography component="p" variant="h6">
-				{`Bateria: ${session.battery}%`}
+				{`${i18n.t("sessionInfo.battery")}${session.battery}%`}
 			</Typography>
 			<Typography color="textSecondary">
-				{`Carregando: ${session.plugged} `}
+				{`${i18n.t("sessionInfo.charging")}${session.plugged} `}
 			</Typography>
 		</div>
 	);