feat: add all-accounts portfolio pages

Reuse account sections and group securities with per-account holdings.

Use Mantine Select to preserve filters and reset pagination on scope changes.

Document component reuse guardrails and cover routes, grouping and scope switching.

src/pages/account-operations/ui/components/AccountOperationsPageLoaded.view.tsx

@@ -1,4 +1,12 @@
-import { Button, Group, MultiSelect, Stack, Title } from "@mantine/core";
+import {
+	Alert,
+	Button,
+	Group,
+	MultiSelect,
+	Progress,
+	Stack,
+	Title,
+} from "@mantine/core";
 import { DateInput } from "@mantine/dates";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
@@ -67,6 +75,17 @@ const AccountOperationsPageLoaded: FC<AccountOperationsPageLoadedProps> = (
 	return (
 		<Stack maw={960} gap="lg">
 			<Title order={1}>{t("ledger.title")}</Title>
+			{props.refreshing ? (
+				<Progress value={100} animated aria-label={t("accounts.refreshing")} />
+			) : null}
+			{props.refreshError ? (
+				<Alert color="yellow">
+					{t("accounts.refreshError")}
+					<Button variant="subtle" onClick={props.retry}>
+						{t("accounts.retry")}
+					</Button>
+				</Alert>
+			) : null}
 			<Group align="end">
 				<DateInput
 					label={t("ledger.from")}
@@ -103,7 +122,14 @@ const AccountOperationsPageLoaded: FC<AccountOperationsPageLoadedProps> = (
 			</Group>
 			{items.length ? (
 				items.map((operation) => (
-					<LedgerEntryRow key={operation.id} operation={operation} />
+					<LedgerEntryRow
+						key={JSON.stringify([
+							operation.account?.id,
+							operation.id,
+							operation.logoName,
+						])}
+						operation={operation}
+					/>
 				))
 			) : (
 				<StateView