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/pages/account/ui/AccountPage/components/CurrencyCards/CurrencyCards.view.tsx

@@ -1,10 +1,16 @@
-import { Paper, SimpleGrid, Text, VisuallyHidden } from "@mantine/core";
 import type { FC } from "react";
+
+import { Paper, SimpleGrid, Text, VisuallyHidden } from "@mantine/core";
 import { useTranslation } from "react-i18next";
+
 import type { Portfolio } from "@/entities/portfolio";
+
 import { formatDecimal } from "@/shared/lib";
+
 import classes from "../../AccountPage.module.css";
 
+const SIGN_PREFIX_LENGTH = 2;
+
 type CurrencyCardsProps = {
 	amounts: Portfolio["totalsByCurrency"];
 };
@@ -12,25 +18,25 @@ type CurrencyCardsProps = {
 const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
 	const { amounts } = props;
 	const { t } = useTranslation();
-	const currencies: Record<string, { symbol: string; name: string }> = {
-		RUB: { symbol: "₽", name: t("portfolio.currencies.RUB") },
-		USD: { symbol: "$", name: t("portfolio.currencies.USD") },
-		EUR: { symbol: "€", name: t("portfolio.currencies.EUR") },
+	const currencies: Record<string, { name: string; symbol: string }> = {
+		EUR: { name: t("portfolio.currencies.EUR"), symbol: "€" },
+		RUB: { name: t("portfolio.currencies.RUB"), symbol: "₽" },
+		USD: { name: t("portfolio.currencies.USD"), symbol: "$" },
 	};
 
 	return (
-		<SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing={10}>
+		<SimpleGrid cols={{ base: 1, md: 3, sm: 2 }} spacing={10}>
 			{amounts.map((money) => {
 				const amount = formatDecimal(money.value);
 				return (
 					<Paper
-						component="dl"
-						m={0}
 						className={classes.total}
+						component="dl"
 						key={money.currency}
+						m={0}
 						withBorder
 					>
-						<Text component="dt" className={classes.totalBadge}>
+						<Text className={classes.totalBadge} component="dt">
 							<span aria-hidden="true">
 								{currencies[money.currency]?.symbol ?? money.currency}
 							</span>
@@ -38,17 +44,20 @@ const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
 								{currencies[money.currency]?.name ?? money.currency}
 							</VisuallyHidden>
 						</Text>
-						<Text component="dd" m={0} className={classes.totalAmount}>
-							{amount.startsWith("-") ? (
-								<>
-									<span className={classes.totalLeadingDigits}>
-										{amount.slice(0, 2)}
-									</span>
-									{amount.slice(2)}
-								</>
-							) : (
-								amount
-							)}{" "}
+						<Text className={classes.totalAmount} component="dd" m={0}>
+							{amount.startsWith("-")
+								? (
+										<>
+											<span className={classes.totalLeadingDigits}>
+												{amount.slice(0, SIGN_PREFIX_LENGTH)}
+											</span>
+											{amount.slice(SIGN_PREFIX_LENGTH)}
+										</>
+									)
+								: (
+										amount
+									)}
+							{" "}
 							{currencies[money.currency]?.symbol ?? money.currency}
 						</Text>
 					</Paper>