feat(account): wrap portfolio sections in Mantine Accordion

All portfolio sections (stocks, bonds, other, cash, recent operations,
recent events) are now collapsible via Mantine Accordion. Sections
expand by default. Accordion control label uses h2 size to match
previous Section headings. Panel horizontal padding removed.
Smooth hover transition added. Removed unused Section component.
Updated lazy-route bundle baseline for account chunk.

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

@@ -2,35 +2,31 @@ import { SimpleGrid } from "@mantine/core";
 import type { FC } from "react";
 import type { AccountPagePositionSection } from "../AccountPage.vm";
 import { PositionCard } from "./PositionCard.view";
-import { Section } from "./Section.view";
 
 type PositionSectionProps = {
-	title: string;
 	section: AccountPagePositionSection;
 };
 
 const PositionSection: FC<PositionSectionProps> = (props) => {
-	const { title, section } = props;
+	const { section } = props;
 
 	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}
-						variant={
-							section.kind === "stocks"
-								? "stock"
-								: section.kind === "bonds"
-									? "bond"
-									: undefined
-						}
-					/>
-				))}
-			</SimpleGrid>
-		</Section>
+		<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}
+					variant={
+						section.kind === "stocks"
+							? "stock"
+							: section.kind === "bonds"
+								? "bond"
+								: undefined
+					}
+				/>
+			))}
+		</SimpleGrid>
 	);
 };
 

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

@@ -1,4 +1,4 @@
-import { Alert, Button, Paper, Text } from "@mantine/core";
+import { Alert, Button, Paper, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
@@ -6,7 +6,6 @@ import type { BrokerageEvent } from "@/entities/brokerage-event";
 import { formatMoney } from "@/entities/portfolio";
 import classes from "../AccountPage.module.css";
 import type { AccountPageRecentEvents } from "../AccountPage.vm";
-import { Section } from "./Section.view";
 
 type RecentEventsProps = {
 	events: AccountPageRecentEvents;
@@ -21,7 +20,7 @@ const RecentEvents: FC<RecentEventsProps> = (props) => {
 	const { t } = useTranslation();
 
 	return (
-		<Section title={t("events.recentTitle")}>
+		<Stack gap="sm">
 			{events.state === "loading" ? (
 				<Text c="dimmed">{t("events.recentLoading")}</Text>
 			) : null}
@@ -42,7 +41,7 @@ const RecentEvents: FC<RecentEventsProps> = (props) => {
 			<Button component={Link} to={events.to} variant="subtle">
 				{t("events.open")}
 			</Button>
-		</Section>
+		</Stack>
 	);
 };
 

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

@@ -1,11 +1,10 @@
-import { Alert, Button, Paper, Text } from "@mantine/core";
+import { Alert, Button, Paper, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { formatMoney } from "@/entities/portfolio";
 import classes from "../AccountPage.module.css";
 import type { AccountPageRecentOperations } from "../AccountPage.vm";
-import { Section } from "./Section.view";
 
 type RecentOperationsProps = {
 	operations: AccountPageRecentOperations;
@@ -16,7 +15,7 @@ const RecentOperations: FC<RecentOperationsProps> = (props) => {
 	const { t } = useTranslation();
 
 	return (
-		<Section title={t("ledger.recentTitle")}>
+		<Stack gap="sm">
 			{operations.state === "loading" ? (
 				<Text c="dimmed">{t("ledger.recentLoading")}</Text>
 			) : null}
@@ -41,7 +40,7 @@ const RecentOperations: FC<RecentOperationsProps> = (props) => {
 			<Button component={Link} to={operations.to} variant="subtle">
 				{t("ledger.open")}
 			</Button>
-		</Section>
+		</Stack>
 	);
 };
 

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

@@ -1,19 +0,0 @@
-import { Stack, Title } from "@mantine/core";
-import type { FC, PropsWithChildren } from "react";
-
-type SectionProps = PropsWithChildren<{
-	title: string;
-}>;
-
-const Section: FC<SectionProps> = (props) => {
-	const { title, children } = props;
-
-	return (
-		<Stack gap="sm">
-			<Title order={2}>{title}</Title>
-			{children}
-		</Stack>
-	);
-};
-
-export { Section };

src/pages/account/ui/components/index.ts

@@ -5,4 +5,3 @@ export { PortfolioTotals } from "./PortfolioTotals.view";
 export { PositionSection } from "./PositionSection.view";
 export { RecentEvents } from "./RecentEvents.view";
 export { RecentOperations } from "./RecentOperations.view";
-export { Section } from "./Section.view";