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-income/ui/AccountIncomePage/components/AccountIncomePageLoaded.view.tsx

@@ -1,3 +1,5 @@
+import type { FC } from "react";
+
 import {
 	Alert,
 	Button,
@@ -8,12 +10,14 @@ import {
 	Title,
 } from "@mantine/core";
 import { StateView } from "@wealthledger/ui";
-import type { FC } from "react";
 import { FormProvider } from "react-hook-form";
 import { useTranslation } from "react-i18next";
+
 import { formatSnapshotTime } from "@/shared/lib";
-import classes from "../AccountIncomePage.module.css";
+
 import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
+
+import classes from "../AccountIncomePage.module.css";
 import { IncomeComparisons } from "./IncomeComparisons.view";
 import { IncomePayments } from "./IncomePayments.view";
 import { IncomePeriodForm } from "./IncomePeriodForm/IncomePeriodForm.view";
@@ -26,41 +30,55 @@ const AccountIncomePageLoaded: FC<LoadedProps> = (props) => {
 		analytics,
 		display,
 		form,
-		refreshing,
-		refreshError,
-		retry,
-		onSubmit,
 		onReset,
+		onSubmit,
+		refreshError,
+		refreshing,
+		retry,
 	} = props;
 	const { t } = useTranslation();
+	function renderSummary() {
+		if (props.partial) {
+			return <Alert role="status">{t("investment.partial")}</Alert>;
+		}
+		if (analytics.totalsByCurrency.length > 0) {
+			return <IncomeSummary totals={analytics.totalsByCurrency} />;
+		}
+		return (
+			<StateView
+				text={t("income.emptyText")}
+				title={t("income.emptyTitle")}
+			/>
+		);
+	}
 	return (
-		<Stack gap="lg" className={classes.page}>
-			{props.lastSuccessfulAt ? (
-				<Text size="xs" c="dimmed">
+		<Stack className={classes.page} gap="lg">
+			{!!(props.lastSuccessfulAt) && ((
+				<Text c="dimmed" size="xs">
 					{t("investment.sourceTime", {
 						date: formatSnapshotTime(props.lastSuccessfulAt),
 					})}
 				</Text>
-			) : null}
+			))}
 			<Title order={1}>{t("income.title")}</Title>
-			<Button onClick={retry} disabled={refreshing} w="fit-content">
+			<Button disabled={refreshing} onClick={retry} w="fit-content">
 				{t("investment.refresh")}
 			</Button>
 			<FormProvider {...form}>
 				<IncomePeriodForm
 					key={props.formRevision}
-					onSubmit={form.handleSubmit(onSubmit)}
 					onReset={onReset}
+					onSubmit={form.handleSubmit(onSubmit)}
 				/>
 			</FormProvider>
-			{refreshing ? (
-				<Group gap="xs" role="status" aria-label={t("income.refreshing")}>
+			{!!(refreshing) && ((
+				<Group aria-label={t("income.refreshing")} gap="xs" role="status">
 					<Loader size="sm" />
 					<Text>{t("income.refreshing")}</Text>
 				</Group>
-			) : null}
-			{refreshError ? (
-				<Alert color="orange" role="status" aria-live="polite">
+			))}
+			{!!(refreshError) && ((
+				<Alert aria-live="polite" color="orange" role="status">
 					<Stack gap="sm">
 						<Text>
 							{t(
@@ -74,27 +92,18 @@ const AccountIncomePageLoaded: FC<LoadedProps> = (props) => {
 						</Button>
 					</Stack>
 				</Alert>
-			) : null}
-			{props.partial ? (
-				<Alert role="status">{t("investment.partial")}</Alert>
-			) : analytics.totalsByCurrency.length ? (
-				<IncomeSummary totals={analytics.totalsByCurrency} />
-			) : (
-				<StateView
-					title={t("income.emptyTitle")}
-					text={t("income.emptyText")}
-				/>
-			)}
+			))}
+			{renderSummary()}
 			<Alert color="blue">{t("income.taxBoundary")}</Alert>
 			<IncomeComparisons
-				title={t("income.previousPeriod")}
 				comparison={display.previousComparison}
 				notice={t(`income.${display.previousNotice}`)}
+				title={t("income.previousPeriod")}
 			/>
 			<IncomeComparisons
-				title={t("income.yearAgo")}
 				comparison={display.comparison}
 				notice={t(`income.${display.yearNotice}`)}
+				title={t("income.yearAgo")}
 			/>
 			<IncomePayments entries={display.entries} />
 		</Stack>