refactor: enforce account page view model boundary

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

@@ -0,0 +1,18 @@
+import { Stack, Text, Title } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import type { BrokerageAccount } from "@/entities/brokerage-account";
+import { accountTypeKey } from "@/entities/brokerage-account";
+
+export function AccountHeading({ account }: { account?: BrokerageAccount }) {
+	const { t } = useTranslation();
+	return (
+		<Stack gap={2}>
+			<Title order={1}>{account?.name ?? t("portfolio.title")}</Title>
+			{account ? (
+				<Text c="dimmed" size="sm">
+					{t(accountTypeKey(account.type))}
+				</Text>
+			) : null}
+		</Stack>
+	);
+}