Fix layout issues & co-locate components (#46)

* Fix layout issues & co-locate components

* Fix front page

* Fix centering

app/[lang]/tournois/page.tsx

@@ -2,15 +2,15 @@ import clientPromise from "@/lib/mongodb";
 import dynamic from "next/dynamic";
 import { useTranslations } from "next-intl";
 
-import Layout from "@/components/Layout";
-import TournamentTable from "@/components/TournamentTable";
 import { dateOrderingFrance } from "@/utils/dbDateOrdering";
 import { errorLog } from "@/utils/logger";
 
+import TournamentTable from "./TournamentTable";
+
 export const revalidate = 3600; // revalidate cache every 6 hours;
 
 const LoadingMap = () => {
-  const t = useTranslations("Competitions");
+  const t = useTranslations("Tournaments");
   return (
     <div className="grid h-screen place-items-center bg-white text-gray-900 dark:bg-gray-800 dark:text-white">
       <p>{t("loading")}</p>
@@ -22,7 +22,7 @@ const LoadingMap = () => {
  * Imports the tournament map component, ensuring CSR only.
  * @remarks SSR is not supported by react-leaflet
  */
-const TournamentMap = dynamic(() => import("@/components/TournamentMap"), {
+const TournamentMap = dynamic(() => import("./TournamentMap"), {
   ssr: false,
   loading: LoadingMap,
 });
@@ -43,15 +43,13 @@ export default async function Tournaments() {
   const tournamentData = await getTournaments();
 
   return (
-    <Layout>
-      <main className="relative grid lg:grid-cols-2">
-        <div className="">
-          <TournamentMap tournamentData={JSON.parse(tournamentData)} />
-        </div>
-        <div className="relative bg-white dark:bg-gray-800 lg:overflow-y-auto">
-          <TournamentTable tournamentData={JSON.parse(tournamentData)} />
-        </div>
-      </main>
-    </Layout>
+    <main className="relative grid h-full lg:grid-cols-2">
+      <div className="">
+        <TournamentMap tournamentData={JSON.parse(tournamentData)} />
+      </div>
+      <div className="relative bg-white dark:bg-gray-800 lg:overflow-y-auto">
+        <TournamentTable tournamentData={JSON.parse(tournamentData)} />
+      </div>
+    </main>
   );
 }