Prettify all files

app/[lang]/components/Footer.tsx

@@ -31,7 +31,7 @@ export default function Footer() {
         >
           <FaRegEnvelope />
         </Link>
-        <div className="space-x-2 mr-4 text-xs">
+        <div className="mr-4 space-x-2 text-xs">
           <Link href="/" locale="fr">
             FR
           </Link>

app/[lang]/tournois/Legend.tsx

@@ -20,7 +20,7 @@ const Legend = () => {
         { tc: TimeControl.Blitz, colour: "#cec348" },
         { tc: TimeControl.Other, colour: "#d10c3e" },
       ].filter(({ tc }) => tournaments.some((t) => t.timeControl === tc)),
-    [tournaments]
+    [tournaments],
   );
 
   useEffect(() => {
@@ -32,7 +32,7 @@ const Legend = () => {
         const div = L.DomUtil.create("div", "map-legend");
         div.setAttribute(
           "style",
-          "background: white; color: black; border: 2px solid grey; border-radius: 6px; padding: 10px;"
+          "background: white; color: black; border: 2px solid grey; border-radius: 6px; padding: 10px;",
         );
 
         div.innerHTML = `
@@ -42,11 +42,11 @@ const Legend = () => {
                 ({ tc, colour }) => `
                   <li>
                     <span class="block h-4 w-7 border border-[#999] float-left mr-1" style="background: ${colour}"></span>${t(
-                  "timeControlEnum",
-                  { tc }
-                )}
+                      "timeControlEnum",
+                      { tc },
+                    )}
                   </li>
-                `
+                `,
               )
               .join("")}
           </ul>`;

app/[lang]/tournois/ScrollToTopButton.tsx

@@ -5,7 +5,7 @@ import { ScrollableElement } from "@/types";
 import { FaArrowUp } from "react-icons/fa";
 import { handleScrollToTop } from "@/handlers/scrollHandlers";
 import { useEffect, useRef, useState } from "react";
-import {useBreakpoint} from "@/hooks/tailwind";
+import { useBreakpoint } from "@/hooks/tailwind";
 
 const ScrollToTopButton = () => {
   const scrollToTopElementRef = useRef<ScrollableElement | null>(null);

app/[lang]/tournois/TournamentMap.tsx

@@ -99,11 +99,11 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
 
   const filteredTournaments = useMemo(
     () => tournaments.filter((t) => t.timeControl === timeControl),
-    [timeControl, tournaments]
+    [timeControl, tournaments],
   );
 
   const hoveredListTournamentId = useAtomValue(
-    debouncedHoveredListTournamentIdAtom
+    debouncedHoveredListTournamentIdAtom,
   );
 
   const expandAndBounceIfNeeded = useCallback(() => {
@@ -167,7 +167,7 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
         }
       }
     },
-    [hoveredListTournamentId]
+    [hoveredListTournamentId],
   );
 
   const onUnSpiderified = useCallback(
@@ -178,7 +178,7 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
       // Once closed, we can expand the next group if needed
       expandAndBounceIfNeeded();
     },
-    [expandAndBounceIfNeeded]
+    [expandAndBounceIfNeeded],
   );
 
   useEffect(() => {
@@ -215,7 +215,7 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
         iconSize: new L.Point(40, 40),
       });
     },
-    [timeControl]
+    [timeControl],
   );
 
   const markers = filteredTournaments.map((tournament) => {
@@ -242,7 +242,7 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
         </MarkerClusterGroup>
       </LayerGroup>
     ),
-    [createClusterCustomIcon, markers]
+    [createClusterCustomIcon, markers],
   );
 
   return group;
@@ -251,7 +251,7 @@ const TimeControlGroup = ({ timeControl, colour }: TimeControlGroupProps) => {
 export default function TournamentMap() {
   const setMapBounds = useSetAtom(mapBoundsAtom);
   const hoveredListTournamentId = useAtomValue(
-    debouncedHoveredListTournamentIdAtom
+    debouncedHoveredListTournamentIdAtom,
   );
 
   const classic = useAtomValue(classicAtom);

app/[lang]/tournois/TournamentMarker.tsx

@@ -35,7 +35,7 @@ export const TournamentMarker = forwardRef<
   });
 
   const setHoveredMapTournamentId = useSetAtom(
-    debouncedHoveredMapTournamentIdAtom
+    debouncedHoveredMapTournamentIdAtom,
   );
 
   const iconOptions = useMemo(
@@ -48,7 +48,7 @@ export const TournamentMarker = forwardRef<
         popupAnchor: [1, -34],
         shadowSize: [41, 41],
       }),
-    [colour]
+    [colour],
   );
 
   return (

app/[lang]/tournois/TournamentTable.tsx

@@ -26,10 +26,10 @@ export default function TournamentTable() {
   const [syncVisible, setSyncVisible] = useAtom(syncVisibleAtom);
   const hoveredMapTournamentId = useAtomValue(hoveredMapTournamentIdAtom);
   const debouncedHoveredMapTournamentId = useAtomValue(
-    debouncedHoveredMapTournamentIdAtom
+    debouncedHoveredMapTournamentIdAtom,
   );
   const setHoveredListTournamentId = useSetAtom(
-    debouncedHoveredListTournamentIdAtom
+    debouncedHoveredListTournamentIdAtom,
   );
 
   const isLg = useBreakpoint("lg");
@@ -38,7 +38,7 @@ export default function TournamentTable() {
     if (!isLg || debouncedHoveredMapTournamentId === null) return;
 
     const tournamentRow = document.getElementById(
-      debouncedHoveredMapTournamentId
+      debouncedHoveredMapTournamentId,
     );
 
     tournamentRow?.scrollIntoView({ behavior: "smooth" });
@@ -110,7 +110,7 @@ export default function TournamentTable() {
                 className={twMerge(
                   "scroll-m-20 bg-white text-gray-900 hover:bg-gray-200 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-900",
                   hoveredMapTournamentId === tournament._id &&
-                    "bg-gray-200 dark:bg-gray-900"
+                    "bg-gray-200 dark:bg-gray-900",
                 )}
               >
                 <td className="p-3">{tournament.date}</td>