refactor: enforce account page view model boundary

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

@@ -0,0 +1,26 @@
+import { SimpleGrid } from "@mantine/core";
+import type { AccountPagePositionSection } from "../AccountPage.vm";
+import { PositionCard } from "./PositionCard.view";
+import { Section } from "./Section.view";
+
+export function PositionSection({
+	title,
+	section,
+}: {
+	title: string;
+	section: AccountPagePositionSection;
+}) {
+	return (
+		<Section title={title}>
+			<SimpleGrid cols={section.wide ? 1 : { base: 1, sm: 2, md: 3 }}>
+				{section.positions.map((position) => (
+					<PositionCard
+						key={`${position.figi}-${position.displayName}-${position.quantity}`}
+						position={position}
+						wide={section.wide}
+					/>
+				))}
+			</SimpleGrid>
+		</Section>
+	);
+}