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

* Fix layout issues & co-locate components

* Fix front page

* Fix centering

cypress/component/scroll.cy.tsx

@@ -1,4 +1,4 @@
-import ScrollToTopButton from "@/components/ScrollToTopButton";
+import ScrollToTopButton from "@/app/[lang]/tournois/ScrollToTopButton";
 
 describe("Scroll to top button", () => {
   it("desktop scroll button clickable", () => {

cypress/component/themeToggle.cy.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import ThemeSwitcher from "../../components/ThemeSwitcher";
+import ThemeSwitcher from "@/app/[lang]/components/ThemeSwitcher";
 import "@/css/theme-toggle.css";
 
 describe("ThemeSwitcher component", () => {
@@ -14,8 +14,9 @@ describe("ThemeSwitcher component", () => {
         "linear-gradient(rgb(0, 255, 255), rgb(135, 206, 235)"
       );
     });
+
     // checking that the toggle is clickable and dark mode is active
-    cy.getByData("toggle").click();
+    cy.getByData("toggle").last().click();
     cy.getByData("toggle-dark").should("exist");
     cy.getByData("toggle-dark").should(($toggle) => {
       const backgroundImage = $toggle.css("background-image");

cypress/support/component.tsx

@@ -14,8 +14,8 @@
 // ***********************************************************
 
 import { mount } from "cypress/react18";
-import { NextIntlClientProvider } from "next-intl";
 
+import TestableLayout from "@/app/[lang]/components/TestableLayout";
 import messages from "@/messages/fr.json";
 import "./commands";
 
@@ -37,9 +37,9 @@ declare global {
 
 Cypress.Commands.add("mount", (component, options) => {
   const wrapped = (
-    <NextIntlClientProvider locale="fr" messages={messages}>
+    <TestableLayout locale="fr" messages={messages}>
       {component}
-    </NextIntlClientProvider>
+    </TestableLayout>
   );
 
   return mount(wrapped, options);