refactor: enforce frontend view model boundaries

src/entities/brokerage-event/ui/BrokerageEventCard.tsx

@@ -17,13 +17,19 @@ const BrokerageEventCard: FC<BrokerageEventCardProps> = (props) => {
 
 	const metadata = [
 		date,
-		event.dateKind === "registry" ? t("events.dateKind.registry") : /* eslint-disable-line unicorn/no-null -- Preserve the nullable domain value consumed by this view model. */ null,
+		event.dateKind === "registry"
+			? t("events.dateKind.registry")
+			: null, // eslint-disable-line unicorn/no-null -- Preserve the nullable domain value consumed by this view model.
 		event.isin,
 		event.account?.name,
 	]
 		.filter(Boolean)
 		.join(" · ");
 
+	const projectedAmount = event.projectedAmount
+		? formatMoney(event.projectedAmount)
+		: t("events.noAmount");
+
 	return (
 		<EntryCard
 			imageSrc={instrumentLogoUrl(event.logoName)}
@@ -33,11 +39,7 @@ const BrokerageEventCard: FC<BrokerageEventCardProps> = (props) => {
 			metadata={metadata}
 			title={[t(`events.type.${event.type}`), event.displayName].join(" · ")}
 			tone="neutral"
-			value={
-				event.projectedAmount
-					? formatMoney(event.projectedAmount)
-					: t("events.noAmount")
-			}
+			value={projectedAmount}
 			valueLabel={t("events.projectedAmount")}
 		/>
 	);