refactor: tighten types and reuse instrument UI

src/entities/bank-card/ui/BankCardForm/BankCardForm.tsx

@@ -1,4 +1,4 @@
-import { Button, Group, Modal, Stack, Text } from "@mantine/core";
+import { Button, Fieldset, Group, Modal, Stack, Text } from "@mantine/core";
 import { type FC } from "react";
 import { FormProvider } from "react-hook-form";
 
@@ -6,7 +6,6 @@ import { formatDate } from "@/shared/lib";
 
 import { type BankCard } from "../../api/queries";
 import { BankFeedback } from "../BankFeedback";
-import classes from "../BankForms.module.css";
 import { BankCardFields } from "./BankCardForm.view";
 import { useBankCardFormVm } from "./BankCardForm.vm";
 
@@ -40,7 +39,7 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 		>
 			<FormProvider {...methods}>
 				<form onSubmit={onSubmit}>
-					<fieldset className={classes.fieldset} disabled={isPending}>
+					<Fieldset disabled={isPending} variant="unstyled">
 						<Stack>
 							<BankCardFields archived={Boolean(props.card?.archivedAt)} />
 
@@ -80,7 +79,7 @@ const BankCardForm: FC<BankCardFormProps> = (props) => {
 								</Button>
 							</Group>
 						</Stack>
-					</fieldset>
+					</Fieldset>
 				</form>
 			</FormProvider>
 		</Modal>

src/entities/bank-card/ui/BankCardForm/useOpeningDateField.ts

@@ -1,7 +1,7 @@
+import type { DateInput } from "@mantine/dates";
 import type { ComponentProps } from "react";
 import type { Control } from "react-hook-form";
 
-import { DateInput } from "@mantine/dates";
 import { useController } from "react-hook-form";
 
 import { bankDateInputValue } from "../../model/form-validation";