feat: show persisted investment data and sync state

Consume the provided resource-envelope API snapshot. Preserve financial snapshots during
refresh, observe synchronization without importing, and fence late responses across
account and connection changes.

src/pages/account-income/ui/AccountIncomePage/components/IncomeComparisons.view.tsx

@@ -5,8 +5,14 @@ import { formatMoney } from "@/shared/lib";
 import classes from "../AccountIncomePage.module.css";
 import type { IncomeDisplayModel } from "../AccountIncomePage.vm";
 
-type IncomeComparisonsProps = { comparison: IncomeDisplayModel["comparison"] };
-type ComparisonProps = NonNullable<IncomeDisplayModel["comparison"]>;
+type IncomeComparisonsProps = {
+	comparison: IncomeDisplayModel["comparison"];
+	title: string;
+	notice: string;
+};
+type ComparisonProps = NonNullable<IncomeDisplayModel["comparison"]> & {
+	title: string;
+};
 type ComparisonValuesProps = {
 	kind: "selected" | "compared" | "difference";
 	label: string;
@@ -15,16 +21,15 @@ type ComparisonValuesProps = {
 };
 
 const IncomeComparisons: FC<IncomeComparisonsProps> = (props) => {
-	const { t } = useTranslation();
 	return (
 		<Stack>
-			<Title order={2}>{t("income.yearAgo")}</Title>
+			<Title order={2}>{props.title}</Title>
 			{props.comparison ? (
-				<Comparison {...props.comparison} />
+				<Comparison {...props.comparison} title={props.title} />
 			) : (
 				<Paper p="sm" radius="md" className={classes.comparisonNotice}>
-					<Text size="sm" c="gray.7">
-						{t("income.yearUnavailable")}
+					<Text size="sm" c="gray.7" role="status" aria-live="polite">
+						{props.notice}
 					</Text>
 				</Paper>
 			)}
@@ -35,7 +40,7 @@ const IncomeComparisons: FC<IncomeComparisonsProps> = (props) => {
 const Comparison: FC<ComparisonProps> = (props) => {
 	const { t } = useTranslation();
 	return (
-		<section aria-label={t("income.yearAgo")} className={classes.comparison}>
+		<section aria-label={props.title} className={classes.comparison}>
 			<Stack gap="md">
 				{props.values.map((value) => (
 					<Stack