feat: align investment client with hourly sync

src/pages/accounts/ui/AccountsPage/components/AccountsPageLoaded.view.tsx

@@ -1,6 +1,6 @@
 import type { FC } from "react";
 
-import { Button, Stack, Text, Title } from "@mantine/core";
+import { Badge, Button, Stack, Text, Title } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 
@@ -11,10 +11,35 @@ import {
 
 type AccountsPageLoadedProps = {
 	accounts: BrokerageAccountCard[];
+	sync:
+		| null
+		| undefined
+		| {
+			finishedAt: null | string;
+			sections: {
+				accountId?: string;
+				errorCode: null | string;
+				section: string;
+			}[];
+			startedAt: string;
+			state: string;
+		};
 };
 
 const AccountsPageLoaded: FC<AccountsPageLoadedProps> = (props) => {
 	const { t } = useTranslation();
+	const sync = props.sync;
+
+	const syncLabel = sync
+		? new Intl.DateTimeFormat("ru-RU", {
+				dateStyle: "short",
+				timeStyle: "short",
+			}).format(new Date(sync.finishedAt ?? sync.startedAt))
+		: null;
+
+	const syncColor = sync?.state === "failed" || sync?.state === "partial"
+		? "red"
+		: "gray";
 
 	return (
 		<Stack gap="lg">
@@ -24,6 +49,21 @@ const AccountsPageLoaded: FC<AccountsPageLoadedProps> = (props) => {
 				<Text c="dimmed" size="sm">
 					{t("accounts.subtitle")}
 				</Text>
+
+				{sync && (
+					<Text c="dimmed" size="xs">
+						Последний обход:
+						{" "}
+						{syncLabel}
+						{" "}
+						<Badge
+							color={syncColor}
+							size="xs"
+						>
+							{sync.state}
+						</Badge>
+					</Text>
+				)}
 			</Stack>
 
 			<Button