feat: polish bank operation cards and dates

src/pages/card/ui/CardPage.view.tsx

@@ -14,7 +14,11 @@ import { MonthPickerInput } from "@mantine/dates";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-import { BankFeedback, BankSummaryView } from "@/entities/bank-card";
+import {
+	BankFeedback,
+	BankOperationIcon,
+	BankSummaryView,
+} from "@/entities/bank-card";
 import { formatMoney } from "@/shared/lib";
 import { EntryCard, LoadingSkeleton, StateView } from "@/shared/ui";
 import classes from "./CardPage.module.css";
@@ -148,7 +152,14 @@ const CardPageView: FC<CardPageViewProps> = (props) => {
 							<EntryCard
 								title={row.title}
 								metadata={row.metadata}
+								color={row.color}
 								initial={row.title[0]}
+								icon={
+									<BankOperationIcon
+										kind={row.item.kind}
+										categoryName={row.item.categoryName}
+									/>
+								}
 								value={row.value}
 								valueLabel={t(`bank.kinds.${row.item.kind}`)}
 								tone={row.tone}