refactor: share source sync status presentation

src/shared/ui/SourceSyncStatus/SourceSyncStatus.tsx

@@ -0,0 +1,37 @@
+import type { FC } from "react";
+
+import { Text } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+
+import { formatSnapshotTime } from "@/shared/lib";
+
+// Owns the "when did the source last answer" line and the two notices that
+// always travel with it. Surfaces keep their own busy indicator: a list card
+// shows a muted line, a page header a progress bar — that is a product call.
+type SourceSyncStatusProps = {
+	errorText?: null | string;
+	lastSuccessfulAt?: null | string;
+	stale?: boolean;
+};
+
+const SourceSyncStatus: FC<SourceSyncStatusProps> = (props) => {
+	const { t } = useTranslation();
+
+	return (
+		<>
+			{!!props.lastSuccessfulAt && (
+				<Text c="dimmed" size="xs">
+					{t("investment.sourceTime", {
+						date: formatSnapshotTime(props.lastSuccessfulAt),
+					})}
+				</Text>
+			)}
+
+			{!!props.stale && <Text size="xs">{t("investment.stale")}</Text>}
+
+			{!!props.errorText && <Text role="status">{props.errorText}</Text>}
+		</>
+	);
+};
+
+export { SourceSyncStatus, type SourceSyncStatusProps };