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/entities/bank-card/ui/BankCardFace/BankCardFace.tsx

@@ -1,7 +1,11 @@
 import type { FC } from "react";
+
 import { useTranslation } from "react-i18next";
+
 import { formatMoney } from "@/shared/lib";
+
 import type { BankCard } from "../../api/queries";
+
 import classes from "./BankCardFace.module.css";
 
 type BankCardFaceProps = { card: BankCard };
@@ -9,15 +13,7 @@ const BankCardFace: FC<BankCardFaceProps> = (props) => {
 	const { card } = props;
 	const { t } = useTranslation();
 	const bank = card.bankName?.toLocaleLowerCase("ru") ?? "";
-	const tone = /сбер|sber/.test(bank)
-		? "green"
-		: /тинькофф|т[ -]?банк|t[ -]?bank|tinkoff/.test(bank)
-			? "yellow"
-			: /альфа|alfa/.test(bank)
-				? "red"
-				: /втб|vtb|газпром|gazprom/.test(bank)
-					? "blue"
-					: "graphite";
+	const tone = bankTone(bank);
 	return (
 		<div className={classes.face} data-tone={tone}>
 			<div className={classes.top}>
@@ -26,26 +22,28 @@ const BankCardFace: FC<BankCardFaceProps> = (props) => {
 					<span className={classes.archive}>{t("bank.archived")}</span>
 				)}
 			</div>
-			<div className={classes.hardware} aria-hidden="true">
+			<div aria-hidden="true" className={classes.hardware}>
 				<span className={classes.chip} />
 				<svg
 					aria-hidden="true"
-					width="24"
+					fill="none"
 					height="30"
 					viewBox="0 0 24 30"
-					fill="none"
+					width="24"
 				>
 					<path
 						d="M7 11a8 8 0 0 1 0 8m5-12a15 15 0 0 1 0 16m5-20a23 23 0 0 1 0 24"
 						stroke="currentColor"
-						strokeWidth="2"
 						strokeLinecap="round"
+						strokeWidth="2"
 					/>
 				</svg>
 			</div>
 			<div
 				className={classes.number}
-			>{`•••• •••• •••• ${card.lastFour || "••••"}`}</div>
+			>
+				{`•••• •••• •••• ${card.lastFour || "••••"}`}
+			</div>
 			<div className={classes.bottom}>
 				<div className={classes.details}>
 					<div className={classes.name}>{card.name}</div>
@@ -54,7 +52,7 @@ const BankCardFace: FC<BankCardFaceProps> = (props) => {
 				{card.paymentSystem && (
 					<span className={classes.network} data-network={card.paymentSystem}>
 						{card.paymentSystem === "mastercard" && (
-							<span className={classes.circles} aria-hidden="true" />
+							<span aria-hidden="true" className={classes.circles} />
 						)}
 						{t(`bank.paymentSystems.${card.paymentSystem}`)}
 					</span>
@@ -64,4 +62,11 @@ const BankCardFace: FC<BankCardFaceProps> = (props) => {
 	);
 };
 
+function bankTone(bank: string) {
+	if (/сбер|sber/.test(bank)) return "green";
+	if (/тинькофф|т[ -]?банк|t[ -]?bank|tinkoff/.test(bank)) return "yellow";
+	if (/альфа|alfa/.test(bank)) return "red";
+	return /втб|vtb|газпром|gazprom/.test(bank) ? "blue" : "graphite";
+}
+
 export { BankCardFace };