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/card/ui/OperationForm/OperationForm.stories.tsx

@@ -1,74 +1,36 @@
-import { Alert } from "@mantine/core";
 import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { Alert } from "@mantine/core";
 import { type FC, useState } from "react";
 import { FormProvider, useForm, useWatch } from "react-hook-form";
+
 import type { OperationValues } from "./OperationForm.types";
+
 import { OperationFormView } from "./OperationForm.view";
 
-type ExampleProps = { pending?: boolean; conflict?: boolean };
+type ExampleProps = { conflict?: boolean; pending?: boolean };
 const OperationExample: FC<ExampleProps> = (props) => {
 	const [opened, setOpened] = useState(true);
 	const [action, setAction] = useState("");
 	const methods = useForm<OperationValues>({
 		defaultValues: {
-			kind: "refund",
-			cardId: "demo",
-			targetCardId: "",
-			categoryId: "",
-			originalExpenseId: "purchase",
 			amount: "500",
+			cardId: "demo",
+			categoryId: "",
 			date: "2026-08-01",
 			description: "Синтетический возврат",
+			kind: "refund",
+			originalExpenseId: "purchase",
+			targetCardId: "",
 		},
 	});
 	const kind = useWatch({ control: methods.control, name: "kind" });
 	return (
 		<FormProvider {...methods}>
 			<OperationFormView
-				opened={opened}
-				pending={Boolean(props.pending)}
-				editing
 				categoriesOpen={false}
-				onClose={() => !props.pending && setOpened(false)}
-				onCancel={() => setOpened(false)}
-				onExitTransitionEnd={() => setAction("Форма закрыта")}
-				onSubmit={(event) => {
-					event.preventDefault();
-					setAction("Локальный submit");
-				}}
-				fields={{
-					editing: true,
-					refundCardId: "demo",
-					kind,
-					cards: [{ value: "demo", label: "Учебная карта" }],
-					targets: [],
-					categories: [],
-					defaultCategory: "",
-					kinds: [{ value: "refund", label: "Возврат" }],
-					dateInputValue: () => "2026-08-01",
-					validDate: (value) => value === "2026-08-01",
-					maxDate: () => "2026-08-27",
-				}}
-				refund={{
-					editing: true,
-					expenses: [
-						{
-							value: "purchase",
-							label: "01.07.2026 · Учебная покупка · 500 ₽",
-						},
-					],
-					onSelect: () => undefined,
-					limit: { currency: "RUB", value: "500" },
-				}}
-				loadingExpenses={false}
+				editing
 				emptyExpenses={false}
-				sourcePage={1}
-				previousDisabled
-				nextDisabled
-				onPrevious={() => undefined}
-				onNext={() => undefined}
-				onAddCategory={() => undefined}
-				saveDisabled={false}
 				feedback={
 					props.conflict && (
 						<Alert color="orange" role="alert">
@@ -76,27 +38,66 @@ const OperationExample: FC<ExampleProps> = (props) => {
 						</Alert>
 					)
 				}
-				onReload={
-					props.conflict ? () => setAction("Локальный reload") : undefined
-				}
+				fields={{
+					cards: [{ label: "Учебная карта", value: "demo" }],
+					categories: [],
+					dateInputValue: () => "2026-08-01",
+					defaultCategory: "",
+					editing: true,
+					kind,
+					kinds: [{ label: "Возврат", value: "refund" }],
+					maxDate: () => "2026-08-27",
+					refundCardId: "demo",
+					targets: [],
+					validDate: value => value === "2026-08-01",
+				}}
 				latest={
-					props.conflict
-						? {
-								version: 2,
+					(props.conflict)
+						? ({
 								details: "Учебная версия",
 								onAdopt: () => setAction("Локальное принятие версии"),
-							}
+								version: 2,
+							})
 						: undefined
 				}
+				loadingExpenses={false}
+				nextDisabled
+				onAddCategory={() => {}}
+				onCancel={() => setOpened(false)}
+				onClose={() => !props.pending && setOpened(false)}
+				onExitTransitionEnd={() => setAction("Форма закрыта")}
+				onNext={() => {}}
+				onPrevious={() => {}}
+				onReload={
+					(props.conflict) ? () => setAction("Локальный reload") : undefined
+				}
+				onSubmit={(event) => {
+					event.preventDefault();
+					setAction("Локальный submit");
+				}}
+				opened={opened}
+				pending={Boolean(props.pending)}
+				previousDisabled
+				refund={{
+					editing: true,
+					expenses: [
+						{
+							label: "01.07.2026 · Учебная покупка · 500 ₽",
+							value: "purchase",
+						},
+					],
+					limit: { currency: "RUB", value: "500" },
+					onSelect: () => {},
+				}}
+				saveDisabled={false}
+				sourcePage={1}
 			/>
 			<output aria-live="polite">{action}</output>
 		</FormProvider>
 	);
 };
 const meta = {
-	title: "Product/OperationForm",
 	component: OperationExample,
-	tags: ["autodocs"],
 	parameters: {
 		docs: {
 			description: {
@@ -105,6 +106,8 @@ const meta = {
 			},
 		},
 	},
+	tags: ["autodocs"],
+	title: "Product/OperationForm",
 } satisfies Meta<typeof OperationExample>;
 export default meta;
 type Story = StoryObj<typeof meta>;