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/BankPeriodPicker.tsx

@@ -3,34 +3,34 @@ import { type FC, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 type BankPeriodPickerProps = {
+	onChange: (value: [null | string, null | string]) => void;
 	period: { from: string; to: string };
-	onChange: (value: [string | null, string | null]) => void;
 };
 const BankPeriodPicker: FC<BankPeriodPickerProps> = (props) => {
-	const { period, onChange } = props;
+	const { onChange, period } = props;
 	const { t } = useTranslation();
 	const scope = `${period.from}-${period.to}`;
 	const [draft, setDraft] = useState<{
 		scope: string;
-		value: [string | null, string | null];
+		value: [null | string, null | string];
 	}>();
-	const value: [string | null, string | null] =
-		draft?.scope === scope ? draft.value : [period.from, period.to];
+	const value: [null | string, null | string]
+		= draft?.scope === scope ? draft.value : [period.from, period.to];
 	return (
 		<DatePickerInput
-			type="range"
 			allowSingleDateInRange
 			label={t("bank.period")}
-			valueFormat="DD.MM.YYYY"
-			value={value}
 			onChange={(next) => {
 				setDraft({ scope, value: next });
 				onChange(next);
 			}}
 			popoverProps={{
-				returnFocus: true,
 				middlewares: { shift: { crossAxis: true } },
+				returnFocus: true,
 			}}
+			type="range"
+			value={value}
+			valueFormat="DD.MM.YYYY"
 		/>
 	);
 };