feat: polish bank operation cards and dates

src/pages/card/ui/OperationForm.tsx

@@ -21,7 +21,7 @@ import {
 	useBankOperation,
 } from "@/entities/bank-card";
 import { validationMessage } from "@/shared/i18n";
-import { formatMoney } from "@/shared/lib";
+import { formatDate, formatMoney } from "@/shared/lib";
 import classes from "./OperationForm.module.css";
 import type { OperationValues } from "./OperationForm.types";
 import { OperationFields, RefundFields } from "./OperationForm.view";
@@ -249,7 +249,7 @@ const OperationForm: FC<OperationFormProps> = (props) => {
 												expenses.data?.items.map((item) => ({
 													value: item.id,
 													label: t("bank.expenseChoice", {
-														date: item.date,
+														date: formatDate(item.date),
 														name: item.description || item.categoryName,
 														amount: formatMoney(item.amount),
 														available: formatMoney(item.availableRefund),
@@ -261,7 +261,7 @@ const OperationForm: FC<OperationFormProps> = (props) => {
 													? {
 															value: sourceQuery.data.id,
 															label: t("bank.expenseChoice", {
-																date: sourceQuery.data.date,
+																date: formatDate(sourceQuery.data.date),
 																name:
 																	sourceQuery.data.description ||
 																	sourceQuery.data.categoryName,
@@ -366,7 +366,7 @@ const OperationForm: FC<OperationFormProps> = (props) => {
 									<>
 										<Text>
 											{t("bank.versionHint", {
-												details: `${latest.date} · ${formatMoney(latest.amount)} · ${latest.description ?? ""}`,
+												details: `${formatDate(latest.date)} · ${formatMoney(latest.amount)} · ${latest.description ?? ""}`,
 											})}
 										</Text>
 										<Button