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.stories.tsx

@@ -1,27 +1,27 @@
-import { Button } from "@mantine/core";
 import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { Button } from "@mantine/core";
 import { fn } from "storybook/test";
+
 import { EntryCard } from "./EntryCard";
 
 const meta = {
-	title: "Design System/Components/EntryCard",
-	component: EntryCard,
-	tags: ["autodocs"],
 	args: {
-		title:
-			"Учебная запись с очень длинным названием для проверки узкого экрана",
-		metadata: "22.09.2026 · Синтетические данные",
-		initial: "У",
-		imageSrc: "data:image/png;base64,invalid",
-		value: "−1 250,00 ₽",
-		valueLabel: "Тестовое значение",
-		tone: "negative",
 		actions: (
-			<Button size="compact-sm" onClick={fn()}>
+			<Button onClick={fn()} size="compact-sm">
 				Открыть пример
 			</Button>
 		),
+		imageSrc: "data:image/png;base64,invalid",
+		initial: "У",
+		metadata: "22.09.2026 · Синтетические данные",
+		title:
+			"Учебная запись с очень длинным названием для проверки узкого экрана",
+		tone: "negative",
+		value: "−1 250,00 ₽",
+		valueLabel: "Тестовое значение",
 	},
+	component: EntryCard,
 	parameters: {
 		docs: {
 			description: {
@@ -30,6 +30,8 @@ const meta = {
 			},
 		},
 	},
+	tags: ["autodocs"],
+	title: "Design System/Components/EntryCard",
 } satisfies Meta<typeof EntryCard>;
 
 export default meta;

packages/ui/src/EntryCard/EntryCard.test.tsx

@@ -1,6 +1,7 @@
 import { MantineProvider } from "@mantine/core";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { assert, describe, expect, it } from "vitest";
+
 import { EntryCard } from "./EntryCard";
 
 describe("EntryCard", () => {
@@ -8,13 +9,13 @@ describe("EntryCard", () => {
 		render(
 			<MantineProvider>
 				<EntryCard
-					title="Пример"
-					metadata="Описание"
+					actions={0}
 					initial="У"
+					metadata="Описание"
+					title="Пример"
+					tone="neutral"
 					value="—"
 					valueLabel="Неизвестно"
-					tone="neutral"
-					actions={0}
 				/>
 			</MantineProvider>,
 		);
@@ -22,21 +23,21 @@ describe("EntryCard", () => {
 	});
 	it("keeps a failed image fallback until a new source is supplied", () => {
 		const props = {
-			title: "Пример",
-			metadata: "Описание",
+			imageSrc: "data:image/png;base64,invalid",
 			initial: "У",
+			metadata: "Описание",
+			title: "Пример",
+			tone: "neutral" as const,
 			value: "—",
 			valueLabel: "Неизвестно",
-			tone: "neutral" as const,
-			imageSrc: "data:image/png;base64,invalid",
 		};
-		const { container, rerender } = render(
+		const { rerender } = render(
 			<MantineProvider>
 				<EntryCard {...props} />
 			</MantineProvider>,
 		);
 		// Decorative image has no accessible name; trigger its actual failure event.
-		const image = container.querySelector("img");
+		const image = screen.queryByAltText("");
 		assert(image);
 		fireEvent.error(image);
 		rerender(
@@ -44,7 +45,7 @@ describe("EntryCard", () => {
 				<EntryCard {...props} title="Обновлённый пример" />
 			</MantineProvider>,
 		);
-		expect(container.querySelector("img")).toBeNull();
+		expect(screen.queryByAltText("")).not.toBeInTheDocument();
 		expect(screen.getByText("У")).toBeInTheDocument();
 		expect(screen.getByText("Обновлённый пример")).toBeInTheDocument();
 		rerender(
@@ -52,7 +53,7 @@ describe("EntryCard", () => {
 				<EntryCard {...props} imageSrc="/replacement-logo.png" />
 			</MantineProvider>,
 		);
-		expect(container.querySelector("img")).toHaveAttribute(
+		expect(screen.queryByAltText("")).toHaveAttribute(
 			"src",
 			"/replacement-logo.png",
 		);

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"