french translations

components/Footer.tsx

@@ -3,11 +3,11 @@ import { FaGithub } from "react-icons/fa";
 
 export default function Footer() {
   return (
-    <footer className="grid grid-cols-2 bg-gray-800 text-white p-3">
-      <div>
+    <footer className="grid justify-items-center bg-gray-800 text-white py-2 px-5">
+      <div className="p-2">
         <p>&copy; {new Date().getFullYear()} - Owen Rees</p>
       </div>
-      <div>
+      <div className="p-2">
         <Link
           href="https://github.com/TheRealOwenRees/echecsfrance"
           target="_blank"

components/Navbar.tsx

@@ -25,17 +25,17 @@ export default function Navbar() {
             <li className="mr-10">
               <Link
                 className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
-                href="/about"
+                href="/qui-sommes-nous"
               >
-                About
+                Qui Sommes-Nous
               </Link>
             </li>
             <li className="">
               <Link
                 className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
-                href="/contact"
+                href="/contactez-nous"
               >
-                Contact
+                Contactez-Nous
               </Link>
             </li>
           </ul>

components/TournamentMap.tsx

@@ -24,7 +24,7 @@ export default function TournamentMap({ tournamentData }: TournamentDataProps) {
   return (
     <section
       id="tournament-map"
-      className="grid h-[calc(100vh-128px)] md:h-[calc(100vh-82px)] lg:h-[calc(100vh-132px)]"
+      className="grid h-[calc(100vh-128px)] md:h-[calc(100vh-82px)] lg:h-[calc(100vh-172px)]"
     >
       <MapContainer
         center={center}

components/TournamentTable.tsx

@@ -21,7 +21,7 @@ export default function TournamentTable({
   const stickyHeader = "sticky top-0 p-3 bg-gray-600";
 
   return (
-    <section className="w-full grid auto-rows-max h-[calc(100vh-176px)] md:h-[calc(100vh-82px)] lg:h-[calc(100vh-132px)] lg:col-start-2 lg:col-end-3">
+    <section className="w-full grid auto-rows-max lg:h-[calc(100vh-172px)] lg:col-start-2 lg:col-end-3">
       <SearchBar
         tournamentFilter={tournamentFilter}
         setTournamentFilter={setTournamentFilter}