lint and prettier

tranga-website/src/Components/Mangas/MangaCard.tsx

@@ -13,23 +13,31 @@ import { Manga, MinimalManga } from '../../api/data-contracts.ts'
 import { ApiContext } from '../../contexts/ApiContext.tsx'
 
 export default function MangaCard(props: MangaCardProps): ReactNode {
-    const Api = useContext(ApiContext);
+    const Api = useContext(ApiContext)
 
     return (
         <Badge
             badgeContent={props.manga?.mangaConnectorIds.map((id) => (
-                <MangaConnectorIcon mangaConnectorName={id.mangaConnectorName} />
+                <MangaConnectorIcon
+                    mangaConnectorName={id.mangaConnectorName}
+                />
             ))}
             className={'manga-card-badge'}
         >
             <Card className={'manga-card'} onClick={props.onClick}>
                 <CardCover className={'manga-card-cover'}>
-                    <img src={props.manga && props.manga.key != "Search" ? `${Api.baseUrl}/v2/Manga/${props.manga?.key}/Cover` : '/blahaj.png'} />
+                    <img
+                        src={
+                            props.manga && props.manga.key != 'Search'
+                                ? `${Api.baseUrl}/v2/Manga/${props.manga?.key}/Cover`
+                                : '/blahaj.png'
+                        }
+                    />
                 </CardCover>
-                <CardCover className={'manga-card-cover-blur'} />   
+                <CardCover className={'manga-card-cover-blur'} />
                 <CardContent className={'manga-card-content'}>
                     <Typography level={'h4'}>
-                        {props.manga?.name ?? (   
+                        {props.manga?.name ?? (
                             <Skeleton>{stringWithRandomLength()}</Skeleton>
                         )}
                     </Typography>