Format front

front/apps/web/src/pages/_app.tsx

@@ -21,7 +21,7 @@
 import "../polyfill";
 
 import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { HiddenIfNoJs, SkeletonCss, ThemeSelector } from "@kyoo/primitives";
 import { WebTooltip } from "@kyoo/primitives/src/tooltip.web";
 import {

front/packages/models/src/query.tsx

@@ -36,8 +36,8 @@ const kyooUrl =
 	Platform.OS !== "web"
 		? process.env.PUBLIC_BACK_URL
 		: typeof window === "undefined"
-		? process.env.KYOO_URL ?? "http://localhost:5000"
+		  ? process.env.KYOO_URL ?? "http://localhost:5000"
-		: "/api";
+		  : "/api";
 
 export let kyooApiUrl: string | null = kyooUrl || null;
 
@@ -71,8 +71,8 @@ export const queryFn = async <Data,>(
 			"path" in context
 				? (context.path.filter((x) => x) as string[])
 				: "pageParam" in context && context.pageParam
-				? [context.pageParam as string]
+				  ? [context.pageParam as string]
-				: (context.queryKey.filter((x) => x) as string[]),
+				  : (context.queryKey.filter((x) => x) as string[]),
 		)
 		.join("/")
 		.replace("/?", "?");

front/packages/ui/src/details/header.tsx

@@ -499,7 +499,9 @@ export const Header = ({
 										{...(data.watchStatus as ShowWatchStatus).nextEpisode!}
 										watchedPercent={data.watchStatus?.watchedPercent || null}
 										watchedStatus={data.watchStatus?.status || null}
-										displayNumber={episodeDisplayNumber((data.watchStatus as ShowWatchStatus).nextEpisode!)!}
+										displayNumber={
+											episodeDisplayNumber((data.watchStatus as ShowWatchStatus).nextEpisode!)!
+										}
 									/>
 								</Container>
 							)}

front/packages/ui/src/home/genre.tsx

@@ -83,12 +83,7 @@ export const GenreGrid = ({ genre }: { genre: Genre }) => {
 				{(x, i) => {
 					// only display empty list if a loading as been displayed (not durring ssr)
 					if (x.isLoading) displayEmpty.current = true;
-					return (
+					return <ItemGrid key={x.id ?? i} {...itemMap(x)} />;
-						<ItemGrid
-							key={x.id ?? i}
-							{...itemMap(x)}
-						/>
-					);
 				}}
 			</InfiniteFetchList>
 		</>

front/packages/ui/src/home/watchlist.tsx

@@ -89,7 +89,11 @@ export const WatchlistList = () => {
 			) : (
 				<View {...css({ justifyContent: "center", alignItems: "center" })}>
 					<P>{t("home.watchlistLogin")}</P>
-					<Button text={t("login.login")} href={"/login"} {...css({ minWidth: ts(24), margin: ts(2) })}/>
+					<Button
+						text={t("login.login")}
+						href={"/login"}
+						{...css({ minWidth: ts(24), margin: ts(2) })}
+					/>
 				</View>
 			)}
 		</>

front/packages/ui/src/player/watch-status-observer.tsx

@@ -68,7 +68,7 @@ export const WatchStatusObserver = ({
 	// update watch status when play status change (and on mount).
 	const isPlaying = useAtomValue(playAtom);
 	useEffect(() => {
-		mutate(readProgress())
+		mutate(readProgress());
-	}, [type, slug, isPlaying, readProgress, mutate])
+	}, [type, slug, isPlaying, readProgress, mutate]);
 	return null;
 };