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

@@ -1,30 +1,33 @@
+import type { FC } from "react";
+
 import { Button, Paper, Stack, Text } from "@mantine/core";
 import { StateView } from "@wealthledger/ui";
-import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
+
 import type { IncomeSummary as IncomeSummaryData } from "@/entities/income";
+
 import { formatMoney, formatSnapshotTime } from "@/shared/lib";
 
-type IncomeSummaryProps =
-	| { state: "loading"; to: string }
-	| { state: "partial"; to: string }
-	| { state: "error"; to: string; retry: () => void }
+type IncomeSummaryProps
+	= | {
+		lastSuccessfulAt?: null | string;
+		refreshError?: boolean;
+		stale?: boolean;
+		state: "loaded";
+		summary: IncomeSummaryData;
+		to: string;
+	}
+	| { retry: () => void; state: "error"; to: string }
 	| { state: "empty"; to: string }
-	| {
-			state: "loaded";
-			to: string;
-			summary: IncomeSummaryData;
-			lastSuccessfulAt?: string | null;
-			stale?: boolean;
-			refreshError?: boolean;
-	  };
+	| { state: "loading"; to: string }
+	| { state: "partial"; to: string };
 
 const IncomeSummary: FC<IncomeSummaryProps> = (props) => {
 	const { t } = useTranslation();
 	if (props.state === "loading" || props.state === "partial")
 		return (
-			<Text role="status" c="dimmed">
+			<Text c="dimmed" role="status">
 				{t(
 					props.state === "partial"
 						? "investment.partial"
@@ -35,12 +38,12 @@ const IncomeSummary: FC<IncomeSummaryProps> = (props) => {
 	if (props.state === "error")
 		return (
 			<StateView
-				error
-				title={t("income.summaryError")}
-				text={t("income.errorText")}
 				action={
 					<Button onClick={props.retry}>{t("income.summaryRetry")}</Button>
 				}
+				error
+				text={t("income.errorText")}
+				title={t("income.summaryError")}
 			/>
 		);
 	if (props.state === "empty")
@@ -54,23 +57,32 @@ const IncomeSummary: FC<IncomeSummaryProps> = (props) => {
 		);
 	return (
 		<Stack gap="xs">
-			{props.lastSuccessfulAt ? (
-				<Text size="xs" c="dimmed">
+			{!!(props.lastSuccessfulAt) && ((
+				<Text c="dimmed" size="xs">
 					{t("investment.sourceTime", {
 						date: formatSnapshotTime(props.lastSuccessfulAt),
 					})}
 				</Text>
-			) : null}
-			{props.stale ? <Text size="xs">{t("investment.stale")}</Text> : null}
-			{props.refreshError ? (
+			))}
+			{!!(props.stale) && (<Text size="xs">{t("investment.stale")}</Text>)}
+			{!!(props.refreshError) && ((
 				<Text role="status">{t("income.refreshError")}</Text>
-			) : null}
-			{props.summary.totalsByCurrency.map((total) => (
+			))}
+			{props.summary.totalsByCurrency.map(total => (
 				<Paper key={total.currency} p="sm" withBorder>
 					<Text fw={700}>{formatMoney(total.total)}</Text>
 					<Text c="dimmed" size="sm">
-						{t("income.coupon")}: {formatMoney(total.coupon)} ·{" "}
-						{t("income.dividend")}: {formatMoney(total.dividend)}
+						{t("income.coupon")}
+						:
+						{" "}
+						{formatMoney(total.coupon)}
+						{" "}
+						·
+						{" "}
+						{t("income.dividend")}
+						:
+						{" "}
+						{formatMoney(total.dividend)}
 					</Text>
 				</Paper>
 			))}