refactor: share source sync status presentation

src/pages/account-events/ui/AccountEventsPage/components/AccountEventsPageLoaded.view.tsx

@@ -16,7 +16,7 @@ import {
 	BrokerageEventCard,
 	brokerageEventKey,
 } from "@/entities/brokerage-event";
-import { formatSnapshotTime } from "@/shared/lib";
+import { SourceSyncStatus } from "@/shared/ui";
 
 import type { AccountEventsPageViewModel } from "../AccountEventsPage.vm";
 
@@ -55,13 +55,7 @@ const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
 
 	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("events.title")}</Title>