Add i18n to Home

client/src/pages/Home.tsx

 import React from "react";
 import { Button, Col, Container, Image, Row } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import logo from "../assets/logo_unisport.png";
 
 function Home() {
+  const { t, i18n } = useTranslation();
   return (
     <Container className="h-100">
       <Row className="h-100">
@@ -18,7 +20,7 @@ function Home() {
                 variant="primary"
                 className="w-100 mb-2 text-uppercase text-secondary border"
               >
-                Book a boat
+                {t("home.buttonBookBoat")}
               </Button>
             </Link>
             <br />
@@ -27,7 +29,7 @@ function Home() {
                 variant="secondary"
                 className="w-100 mb-2 text-uppercase border"
               >
-                Staff Login
+                {t("home.buttonStaffLogin")}
               </Button>
             </Link>
           </div>