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.

src/app/routes/DocumentTitle/DocumentTitle.test.tsx

@@ -1,3 +1,5 @@
+import type { FC } from "react";
+
 import { QueryClientProvider } from "@tanstack/react-query";
 import {
 	act,
@@ -6,24 +8,25 @@ import {
 	screen,
 	waitFor,
 } from "@testing-library/react";
-import { HttpResponse, http } from "msw";
-import type { FC } from "react";
+import { http, HttpResponse } from "msw";
 import { MemoryRouter, useNavigate } from "react-router";
 import { beforeEach, describe, expect, it } from "vitest";
+
 import { AuthProvider } from "@/features/auth";
 import { createTestQueryClient } from "@/test/query";
 import { resource } from "@/test/resource";
 import { server } from "@/test/server";
+
 import { ProtectedDocumentTitle } from "./DocumentTitle";
 
 const Navigation: FC = () => {
 	const navigate = useNavigate();
 	return (
 		<>
-			<button type="button" onClick={() => navigate("/accounts/all/income")}>
+			<button onClick={() => navigate("/accounts/all/income")} type="button">
 				Все счета
 			</button>
-			<button type="button" onClick={() => navigate(-1)}>
+			<button onClick={() => navigate(-1)} type="button">
 				Назад
 			</button>
 		</>
@@ -48,7 +51,7 @@ beforeEach(() => {
 		http.post("*/api/v1/auth/refresh", () =>
 			HttpResponse.json({
 				accessToken: "test-token",
-				user: { id: "user-1", email: "user@example.com" },
+				user: { email: "user@example.com", id: "user-1" },
 			}),
 		),
 	);
@@ -56,10 +59,7 @@ beforeEach(() => {
 
 describe("document titles", () => {
 	it("updates a loading account name and follows account scope and history", async () => {
-		let resolveAccounts!: () => void;
-		const accountsReady = new Promise<void>((resolve) => {
-			resolveAccounts = resolve;
-		});
+		const { promise: accountsReady, resolve: resolveAccounts } = Promise.withResolvers<void>();
 		server.use(
 			http.get("*/api/v1/brokerage-accounts", async () => {
 				await accountsReady;
@@ -68,7 +68,7 @@ describe("document titles", () => {
 		);
 		renderTitle("/accounts/a/income?from=2026-01-01&to=2026-08-31");
 		expect(document.title).toBe("Пассивный доход — Счет — WealthLedger");
-		await act(async () => resolveAccounts());
+		await act(() => Promise.resolve(resolveAccounts()));
 		await waitFor(() =>
 			expect(document.title).toBe("Пассивный доход — ИИС — WealthLedger"),
 		);
@@ -98,15 +98,15 @@ describe("document titles", () => {
 	);
 
 	it("keeps a useful title when the instrument is unavailable", async () => {
-		let requested = false;
+		let isRequested = false;
 		server.use(
 			http.get("*/api/v1/stocks/by-ticker/:ticker", () => {
-				requested = true;
+				isRequested = true;
 				return HttpResponse.json({ code: "NOT_FOUND" }, { status: 404 });
 			}),
 		);
 		renderTitle("/stocks/missing");
-		await waitFor(() => expect(requested).toBe(true));
+		await waitFor(() => expect(isRequested).toBe(true));
 		expect(document.title).toBe("Акция — WealthLedger");
 	});
 });

src/app/routes/DocumentTitle/DocumentTitle.tsx

@@ -1,7 +1,9 @@
-import { useDocumentTitle } from "@mantine/hooks";
 import type { FC } from "react";
+
+import { useDocumentTitle } from "@mantine/hooks";
 import { useTranslation } from "react-i18next";
 import { useMatch } from "react-router";
+
 import { useBankCard } from "@/entities/bank-card";
 import { useBond } from "@/entities/bond";
 import { useBrokerageAccounts } from "@/entities/brokerage-account";
@@ -9,10 +11,9 @@ import { useStock } from "@/entities/stock";
 
 type DocumentTitleProps = { title: string };
 
-const DocumentTitle: FC<DocumentTitleProps> = (props) => {
+const DocumentTitle: FC<DocumentTitleProps> = (props): undefined => {
 	const { t } = useTranslation();
 	useDocumentTitle(`${props.title} — ${t("appName")}`);
-	return null;
 };
 
 type AccountDocumentTitleProps = {
@@ -23,19 +24,29 @@ type AccountDocumentTitleProps = {
 const AccountDocumentTitle: FC<AccountDocumentTitleProps> = (props) => {
 	const { t } = useTranslation();
 	const { data } = useBrokerageAccounts();
-	const accountName =
-		props.accountId === "all"
+	const accountName
+		= props.accountId === "all"
 			? t("accounts.all")
-			: (data?.find((account) => account.id === props.accountId)?.name ??
-				t("account.title"));
-	const section =
-		props.section === "income"
-			? t("income.title")
-			: props.section === "operations"
-				? t("ledger.title")
-				: props.section === "events"
-					? t("events.title")
-					: t("portfolio.title");
+			: (data?.find(account => account.id === props.accountId)?.name
+				?? t("account.title"));
+	let section = t("portfolio.title");
+	switch (props.section ?? "") {
+		case "income": {
+			section = t("income.title");
+			break;
+		}
+		case "operations": {
+			section = t("ledger.title");
+			break;
+		}
+		case "events": {
+			section = t("events.title");
+			break;
+		}
+		default: {
+			break;
+		}
+	}
 	return <DocumentTitle title={`${section} — ${accountName}`} />;
 };
 
@@ -80,21 +91,10 @@ const ProtectedDocumentTitle: FC = () => {
 	if (bond) return <BondDocumentTitle identifier={bond.params.bondId ?? ""} />;
 	if (stock)
 		return <StockDocumentTitle identifier={stock.params.stockId ?? ""} />;
-	return (
-		<DocumentTitle
-			title={t(
-				cards
-					? "navigation.cards"
-					: bonds
-						? "navigation.bonds"
-						: stocks
-							? "navigation.stocks"
-							: settings
-								? "navigation.settings"
-								: "navigation.accounts",
-			)}
-		/>
-	);
+	if (cards) return <DocumentTitle title={t("navigation.cards")} />;
+	if (bonds) return <DocumentTitle title={t("navigation.bonds")} />;
+	if (stocks) return <DocumentTitle title={t("navigation.stocks")} />;
+	return settings ? <DocumentTitle title={t("navigation.settings")} /> : <DocumentTitle title={t("navigation.accounts")} />;
 };
 
 export { ProtectedDocumentTitle };