cypress best practices updated

app/contactez-nous/page.tsx

@@ -6,7 +6,10 @@ export default function Contact() {
     <Layout>
       <section className="grid  place-items-center bg-white dark:bg-gray-800">
         <div className="pt-8 pb-32 lg:pt-16 px-4 mx-auto max-w-screen-md">
-          <h2 className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white">
+          <h2
+            className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white"
+            data-cy="header2"
+          >
             Contactez-Nous
           </h2>
           <p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl">

app/page.tsx

@@ -16,7 +16,9 @@ export default function Home() {
           />
         </div>
         <div className="absolute text-center text-white">
-          <h1 className="text-5xl p-5">Echecs France</h1>
+          <h1 className="text-5xl p-5" data-cy="header1">
+            Echecs France
+          </h1>
           <h2 className="text-3xl p-5">
             Trouvez Vos Tournois d&apos;Echecs en France Sur Une Carte
           </h2>

app/qui-sommes-nous/page.tsx

@@ -6,7 +6,10 @@ export default function About() {
       <header className="grid h-[calc(100%-216px)] md:h-[calc(100%-174px)] place-items-center">
         <div className="relative h-full w-full bg-white dark:bg-gray-800"></div>
         <div className="absolute">
-          <h2 className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white">
+          <h2
+            className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white"
+            data-cy="header2"
+          >
             Qui Sommes-Nous?
           </h2>
           <p className="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl">