refactor: enforce account page view model boundary

src/pages/account/ui/components/CashBalances.view.tsx

@@ -0,0 +1,21 @@
+import { Paper, Text } from "@mantine/core";
+import type { Portfolio } from "@/entities/portfolio";
+import { formatMoney } from "@/entities/portfolio";
+import classes from "../AccountPage.module.css";
+
+export function CashBalances({
+	balances,
+}: {
+	balances: Portfolio["cashBalances"];
+}) {
+	return (
+		<>
+			{balances.map((balance) => (
+				<Paper className={classes.cash} key={balance.currency} withBorder>
+					<Text>{balance.currency}</Text>
+					<Text fw={700}>{formatMoney(balance)}</Text>
+				</Paper>
+			))}
+		</>
+	);
+}