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/PositionGroupCard.view.tsx

@@ -1,13 +1,17 @@
-import { Anchor, Card, Group, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
+
+import { Anchor, Card, Group, Stack, Text } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
+
 import { formatMoney } from "@/shared/lib";
-import classes from "../AccountPage.module.css";
+
 import type {
 	AccountPagePositionGroup,
 	AccountPagePositionSection,
 } from "../AccountPage.vm";
+
+import classes from "../AccountPage.module.css";
 import { PositionLogo } from "./PositionLogo.view";
 
 type PositionGroupCardProps = {
@@ -22,88 +26,88 @@ const PositionGroupCard: FC<PositionGroupCardProps> = (props) => {
 	const instrumentTo = identity.instrumentTo;
 	return (
 		<Card className={classes.tile} withBorder>
-			<Group wrap="nowrap" gap="sm">
-				{kind !== "other" ? (
+			<Group gap="sm" wrap="nowrap">
+				{kind !== "other" && ((
 					<PositionLogo
 						key={identity.logoSrc ?? "no-logo"}
-						src={identity.logoSrc}
 						label={identity.displayName}
+						src={identity.logoSrc}
 						to={instrumentTo}
 					/>
-				) : null}
+				))}
 				<Stack gap={2} miw={0}>
-					{instrumentTo ? (
-						<Anchor component={Link} to={instrumentTo} c="inherit" fw={600}>
-							{identity.displayName}
-						</Anchor>
-					) : (
-						<Text fw={600}>{identity.displayName}</Text>
-					)}
+					{instrumentTo
+						? (
+								<Anchor c="inherit" component={Link} fw={600} to={instrumentTo}>
+									{identity.displayName}
+								</Anchor>
+							)
+						: (
+								<Text fw={600}>{identity.displayName}</Text>
+							)}
 					<Text c="dimmed" size="xs">
 						{identity.ticker ?? identity.isin ?? identity.figi}
 					</Text>
 				</Stack>
 			</Group>
 			<Stack
+				aria-label={t("portfolio.byAccount")}
+				className={classes.accountPositions}
 				component="ul"
 				gap={0}
-				className={classes.accountPositions}
-				aria-label={t("portfolio.byAccount")}
 			>
-				{group.positions.map((position) => (
+				{group.positions.map(position => (
 					<Stack
-						component="li"
-						key={position.account?.id}
-						gap={4}
 						className={classes.accountPosition}
+						component="li"
+						gap={4}
+						key={position.account?.id}
 					>
-						<Group justify="space-between" align="flex-start" gap="xs">
-							{position.account ? (
+						<Group align="flex-start" gap="xs" justify="space-between">
+							{!!(position.account) && ((
 								<Anchor
-									component={Link}
-									to={`/accounts/${encodeURIComponent(position.account.id)}`}
-									size="sm"
 									className={classes.accountPositionName}
+									component={Link}
+									size="sm"
+									to={`/accounts/${encodeURIComponent(position.account.id)}`}
 								>
 									{position.account.name}
 								</Anchor>
-							) : null}
-							<Text size="sm" fw={600}>
+							))}
+							<Text fw={600} size="sm">
 								{t("portfolio.quantity", { value: position.quantity })}
 							</Text>
 						</Group>
-						<Group justify="space-between" gap="xs">
-							{position.currentValue ? (
+						<Group gap="xs" justify="space-between">
+							{!!(position.currentValue) && ((
 								<Text size="sm">{formatMoney(position.currentValue)}</Text>
-							) : null}
-							{position.returnText ? (
+							))}
+							{!!(position.returnText) && ((
 								<Text
-									size="sm"
 									className={
-										position.returnTone
-											? classes[position.returnTone]
-											: undefined
+										(position.returnTone) ? (classes[position.returnTone]) : undefined
 									}
+									size="sm"
 								>
 									{kind === "other"
 										? t("portfolio.return", { value: position.returnText })
 										: position.returnText}
 								</Text>
-							) : null}
+							))}
 						</Group>
 						<Group gap="xs">
-							{position.averagePurchasePrice ? (
+							{!!(position.averagePurchasePrice) && ((
 								<Text c="dimmed" size="xs">
 									{t("portfolio.avgPrice", {
 										value: formatMoney(position.averagePurchasePrice),
 									})}
 								</Text>
-							) : null}
-							{position.shareText ? (
+							))}
+							{!!(position.shareText) && ((
 								<Text c="dimmed" size="xs">
 									{t("portfolio.share", { value: position.shareText })}
 								</Text>
-							) : null}
+							))}
 						</Group>
 					</Stack>
 				))}