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/ui/components/AccountPageLoaded.view.tsx

@@ -21,6 +21,7 @@ import { RecentOperations } from "./RecentOperations.view";
 
 type AccountPageLoadedProps = {
 	account?: BrokerageAccount;
+	accountId?: string;
 	portfolio: Portfolio;
 	positionSections: AccountPagePositionSection[];
 	refreshing?: boolean;
@@ -35,7 +36,7 @@ const AccountPageLoaded: FC<AccountPageLoadedProps> = (props) => {
 	const { t } = useTranslation();
 	return (
 		<Stack className={classes.page} gap="lg">
-			<AccountHeading account={props.account} />
+			<AccountHeading account={props.account} accountId={props.accountId} />
 			<PortfolioRefreshState
 				refreshing={props.refreshing ?? false}
 				refreshError={props.refreshError ?? false}
@@ -45,9 +46,14 @@ const AccountPageLoaded: FC<AccountPageLoadedProps> = (props) => {
 				<Alert color="blue">{t("portfolio.staleWarning")}</Alert>
 			) : null}
 			<Text c="dimmed" size="sm">
-				{t("portfolio.updatedAt", {
-					date: formatSnapshotTime(props.portfolio.lastSuccessfulAt),
-				})}
+				{t(
+					props.accountId === "all"
+						? "portfolio.allUpdatedAt"
+						: "portfolio.updatedAt",
+					{
+						date: formatSnapshotTime(props.portfolio.lastSuccessfulAt),
+					},
+				)}
 			</Text>
 			<CurrencyCards amounts={props.portfolio.totalsByCurrency} />
 			<Accordion