refactor: simplify frontend state and mutation boundaries

src/pages/card/ui/OperationForm/OperationForm.vm.ts

@@ -13,8 +13,9 @@ import {
 	useBankCategories,
 	useBankExpenses,
 	useBankFormFocus,
-	useBankMutations,
 	useBankOperation,
+	useCreateBankOperation,
+	useUpdateBankOperation,
 } from "@/entities/bank-card";
 import { formatDate, formatMoney } from "@/shared/lib";
 
@@ -49,7 +50,8 @@ const useOperationFormVm = (props: OperationFormProps) => {
 	const [submittedValues, setSubmittedValues] = useState<OperationValues>();
 	const [error, setError] = useState<unknown>();
 	const categories = useBankCategories();
-	const mutation = useBankMutations();
+	const operationCreation = useCreateBankOperation();
+	const updateOperation = useUpdateBankOperation();
 
 	const methods = useForm<OperationValues>({
 		defaultValues: {
@@ -116,12 +118,12 @@ const useOperationFormVm = (props: OperationFormProps) => {
 			};
 
 			if (props.operation)
-				await mutation.updateOperation.mutateAsync({
+				await updateOperation.mutateAsync({
 					body: { ...body, version },
 					id: props.operation.id,
 				});
 			else
-				await mutation.createOperation.mutateAsync({
+				await operationCreation.mutateAsync({
 					id: intent,
 					...body,
 				});