chore: finish frontend ESLint migration #18

Enable every plugin recommended preset and replace Biome with ESLint formatting.

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.

packages/ui/src/EntryCard/EntryCard.tsx

@@ -1,33 +1,35 @@
-import { Avatar, Paper, Stack, Text } from "@mantine/core";
 import type { FC, ReactNode } from "react";
+
+import { Avatar, Paper, Stack, Text } from "@mantine/core";
+
 import classes from "./EntryCard.module.css";
 
 type EntryCardProps = {
-	title: string;
-	metadata: string;
-	details?: ReactNode;
 	actions?: ReactNode;
-	initial: string;
-	icon?: ReactNode;
 	color?: string;
-	imageSrc?: string | null;
+	details?: ReactNode;
+	icon?: ReactNode;
+	imageSrc?: null | string;
+	initial: string;
+	metadata: string;
+	title: string;
+	tone: "negative" | "neutral" | "positive";
 	value: string;
 	valueLabel: string;
-	tone: "positive" | "negative" | "neutral";
 };
 
 const EntryCard: FC<EntryCardProps> = (props) => {
 	return (
 		<Paper
 			className={classes.row}
-			withBorder
 			style={
-				props.color
-					? {
+				(props.color)
+					? ({
 							background: `color-mix(in srgb, var(--mantine-color-${props.color}-0) 45%, var(--wl-color-surface))`,
-						}
+						})
 					: undefined
 			}
+			withBorder
 		>
 			<Avatar
 				alt=""
@@ -51,7 +53,7 @@ const EntryCard: FC<EntryCardProps> = (props) => {
 				<Text className={classes[props.tone]} fw={700}>
 					{props.value}
 				</Text>
-				<div className={props.actions ? classes.valueFooter : undefined}>
+				<div className={(props.actions) ? (classes.valueFooter) : undefined}>
 					<Text
 						className={`${classes[props.tone]} ${props.actions ? classes.valueLabel : ""}`}
 						size="sm"