refactor: establish local frontend workspace boundaries

OpenSpec change: evolve-frontend-stack

src/pages/cards/ui/CardsPage.view.tsx

@@ -10,6 +10,8 @@ import {
 	Text,
 	Title,
 } from "@mantine/core";
+import { AddIcon } from "@wealthledger/icons";
+import { LoadingSkeleton, StateView } from "@wealthledger/ui";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
@@ -19,7 +21,6 @@ import {
 	BankPeriodPicker,
 	BankSummaryView,
 } from "@/entities/bank-card";
-import { LoadingSkeleton, StateView } from "@/shared/ui";
 import classes from "./CardsPage.module.css";
 import type { CardsPageVm } from "./CardsPage.vm";
 
@@ -38,18 +39,7 @@ const CardsPageView: FC<CardsPageViewProps> = (props) => {
 					title={t("bank.addCard")}
 					onClick={() => vm.setAdding(true)}
 				>
-					<svg
-						width="20"
-						height="20"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						strokeWidth="2"
-						strokeLinecap="round"
-						aria-hidden="true"
-					>
-						<path d="M12 5v14M5 12h14" />
-					</svg>
+					<AddIcon size={20} strokeWidth={2} />
 				</ActionIcon>
 			</Group>
 			<Switch