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-income/ui/AccountIncomePage.tsx

@@ -4,8 +4,10 @@ import { AccountIncomePageError } from "./components/AccountIncomePageError.view
 import { AccountIncomePageLoaded } from "./components/AccountIncomePageLoaded.view";
 import { AccountIncomePageLoading } from "./components/AccountIncomePageLoading.view";
 
-const AccountIncomePage: FC = () => {
-	const viewModel = useAccountIncomePageViewModel();
+type AccountIncomePageProps = { accountId?: string };
+
+const AccountIncomePage: FC<AccountIncomePageProps> = (props) => {
+	const viewModel = useAccountIncomePageViewModel(props.accountId);
 	if (viewModel.state === "loading") return <AccountIncomePageLoading />;
 	if (viewModel.state === "error")
 		return <AccountIncomePageError {...viewModel} />;

src/pages/account-income/ui/AccountIncomePage.vm.ts

@@ -58,8 +58,11 @@ const incomeFormSchema = z.object({ from: draftDate, to: draftDate }).refine(
 	{ path: ["to"], ...validationMessage("income.validation.period")({}) },
 );
 
-const useAccountIncomePageViewModel = (): AccountIncomePageViewModel => {
-	const { accountId } = useParams();
+const useAccountIncomePageViewModel = (
+	scopeId?: string,
+): AccountIncomePageViewModel => {
+	const { accountId: routeAccountId } = useParams();
+	const accountId = scopeId ?? routeAccountId;
 	const [searchParams, setSearchParams] = useSearchParams();
 	const requested = useMemo(
 		() => ({