refactor: share source sync status presentation

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

@@ -7,7 +7,6 @@ import {
 	MultiSelect,
 	Progress,
 	Stack,
-	Text,
 	Title,
 } from "@mantine/core";
 import { DatePickerInput } from "@mantine/dates";
@@ -15,7 +14,7 @@ import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";
 
 import { LedgerEntryRow, operationCategories } from "@/entities/broker-operation";
-import { formatSnapshotTime } from "@/shared/lib";
+import { SourceSyncStatus } from "@/shared/ui";
 
 import type { AccountOperationsPageViewModel } from "../AccountOperationsPage.vm";
 
@@ -63,13 +62,7 @@ const AccountOperationsPageLoaded: FC<AccountOperationsPageLoadedProps> = (
 
 	return (
 		<Stack gap="lg">
-			{!!props.lastSuccessfulAt && (
-				<Text c="dimmed" size="xs">
-					{t("investment.sourceTime", {
-						date: formatSnapshotTime(props.lastSuccessfulAt),
-					})}
-				</Text>
-			)}
+			<SourceSyncStatus lastSuccessfulAt={props.lastSuccessfulAt} />
 
 			<Title order={1}>{t("ledger.title")}</Title>