chore: save pending changes

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

@@ -1,7 +1,6 @@
 import {
 	ActionIcon,
 	Anchor,
-	Badge,
 	Button,
 	Group,
 	Paper,
@@ -15,11 +14,11 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import {
+	BankCardFace,
 	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";
 import type { CardPageVm } from "./CardPage.vm";
@@ -65,21 +64,10 @@ const CardPageView: FC<CardPageViewProps> = (props) => {
 		<Stack gap="lg">
 			<Paper p="md" withBorder>
 				<Stack>
-					<Group justify="space-between">
-						<Title order={1} className={classes.wrap}>
-							{card.name}
-						</Title>
-						{card.archivedAt && (
-							<Badge color="gray">{t("bank.archived")}</Badge>
-						)}
-					</Group>
-					<Text c="dimmed">
-						{card.bankName}
-						{card.lastFour ? ` · •• ${card.lastFour}` : ""}
-					</Text>
-					<Text size="xl" fw={700} className={classes.wrap}>
-						{formatMoney(card.balance)}
-					</Text>
+					<Title order={1} className={classes.wrap}>
+						{card.name}
+					</Title>
+					<BankCardFace card={card} />
 					<Text c="dimmed">{t("bank.manualBalance")}</Text>
 					<Group>
 						<Button