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

@@ -1,8 +1,10 @@
+import type { FC } from "react";
+
 import { Select, Stack, Text, TextInput } from "@mantine/core";
 import { DateInput } from "@mantine/dates";
-import type { FC } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
+
 import {
 	type BankCardValues,
 	bankDateInputValue,
@@ -14,8 +16,8 @@ type BankCardFieldsProps = { archived: boolean };
 const BankCardFields: FC<BankCardFieldsProps> = (props) => {
 	const {
 		control,
-		register,
 		formState: { errors },
+		register,
 	} = useFormContext<BankCardValues>();
 	const { t } = useTranslation();
 	return (
@@ -32,8 +34,8 @@ const BankCardFields: FC<BankCardFieldsProps> = (props) => {
 				error={errors.bankName?.message}
 			/>
 			<TextInput
-				label={t("bank.lastFour")}
 				inputMode="numeric"
+				label={t("bank.lastFour")}
 				{...register("lastFour")}
 				error={errors.lastFour?.message}
 			/>
@@ -43,25 +45,25 @@ const BankCardFields: FC<BankCardFieldsProps> = (props) => {
 				render={({ field }) => (
 					<Select
 						{...field}
-						value={field.value || null}
-						onChange={(value) => field.onChange(value ?? "")}
-						label={t("bank.paymentSystem")}
-						placeholder={t("bank.paymentSystemUnknown")}
 						clearable
-						data={["mir", "visa", "mastercard"].map((value) => ({
-							value,
-							label: t(`bank.paymentSystems.${value}`),
-						}))}
 						comboboxProps={{ withinPortal: false }}
+						data={["mir", "visa", "mastercard"].map(value => ({
+							label: t(`bank.paymentSystems.${value}`),
+							value,
+						}))}
 						error={errors.paymentSystem?.message}
+						label={t("bank.paymentSystem")}
+						onChange={value => field.onChange(value ?? "")}
+						placeholder={t("bank.paymentSystemUnknown")}
+						value={field.value || /* eslint-disable-line unicorn/no-null -- Mantine represents an empty controlled field as null. */ null}
 					/>
 				)}
 			/>
 			<TextInput
-				label={t("bank.openingBalance")}
-				required
 				inputMode="decimal"
+				label={t("bank.openingBalance")}
 				readOnly={props.archived}
+				required
 				{...register("openingBalance")}
 				error={errors.openingBalance?.message}
 			/>
@@ -71,37 +73,35 @@ const BankCardFields: FC<BankCardFieldsProps> = (props) => {
 				render={({ field }) => (
 					<DateInput
 						{...field}
-						label={t("bank.openingDate")}
-						required
-						valueFormat="DD.MM.YYYY"
-						value={
-							bankDateSchema.safeParse(field.value).success ? field.value : null
-						}
-						dateParser={(value) =>
+						dateParser={value =>
 							bankDateSchema.safeParse(bankDateInputValue(value)).success
 								? bankDateInputValue(value)
-								: null
-						}
+								: /* eslint-disable-line unicorn/no-null -- Mantine represents an empty controlled field as null. */ null}
+						error={errors.openingDate?.message}
 						fixOnBlur={false}
-						onInput={(event) =>
-							field.onChange(bankDateInputValue(event.currentTarget.value))
-						}
-						onChange={(value) => field.onChange(value ?? "")}
+						label={t("bank.openingDate")}
+						maxDate={bankToday()}
 						onBlur={(event) => {
 							field.onChange(bankDateInputValue(event.currentTarget.value));
 							field.onBlur();
 						}}
-						maxDate={bankToday()}
+						onChange={value => field.onChange(value ?? "")}
+						onInput={event =>
+							field.onChange(bankDateInputValue(event.currentTarget.value))}
 						popoverProps={{
-							withinPortal: false,
 							middlewares: { shift: { crossAxis: true } },
+							withinPortal: false,
 						}}
 						readOnly={props.archived}
-						error={errors.openingDate?.message}
+						required
+						value={
+							(bankDateSchema.safeParse(field.value).success) ? (field.value) : undefined
+						}
+						valueFormat="DD.MM.YYYY"
 					/>
 				)}
 			/>
-			<Text size="sm" c="dimmed">
+			<Text c="dimmed" size="sm">
 				{t("bank.openingHint")}
 			</Text>
 			{props.archived && <Text>{t("bank.archiveHint")}</Text>}