feat: add quiet reading with rare confirmations

Part of the quiet-user-feedback change; docs and specs land in their own repositories.

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

@@ -1,6 +1,6 @@
 import type { FC } from "react";
 
-import { Button, Group } from "@mantine/core";
+import { Button } from "@mantine/core";
 import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";
 
@@ -14,21 +14,15 @@ type AccountOperationsPageErrorProps = Extract<
 const AccountOperationsPageError: FC<AccountOperationsPageErrorProps> = (
 	props,
 ) => {
-	const { retry } = props;
 	const { t } = useTranslation();
 
 	return (
 		<StateView
 			action={(
-				<Group>
-					<Button onClick={retry}>{t("ledger.retry")}</Button>
-
-					<Button onClick={props.onReset} variant="default">
-						{t("ledger.reset")}
-					</Button>
-				</Group>
+				<Button onClick={props.onReset} variant="default">
+					{t("ledger.reset")}
+				</Button>
 			)}
-			error
 			text={t("ledger.errorText")}
 			title={t("ledger.errorTitle")}
 		/>

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

@@ -5,7 +5,6 @@ import {
 	Button,
 	Group,
 	MultiSelect,
-	Progress,
 	Stack,
 	Title,
 } from "@mantine/core";
@@ -14,7 +13,6 @@ import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";
 
 import { LedgerEntryRow, operationCategories } from "@/entities/broker-operation";
-import { SourceSyncStatus } from "@/shared/ui";
 
 import type { AccountOperationsPageViewModel } from "../AccountOperationsPage.vm";
 
@@ -62,34 +60,12 @@ const AccountOperationsPageLoaded: FC<AccountOperationsPageLoadedProps> = (
 
 	return (
 		<Stack gap="lg">
-			<SourceSyncStatus lastSuccessfulAt={props.lastSuccessfulAt} />
-
 			<Title order={1}>{t("ledger.title")}</Title>
 
-			<Button disabled={props.refreshing} onClick={props.retry} w="fit-content">
-				{t("investment.refresh")}
-			</Button>
-
 			{!!props.partial && <Alert role="status">{t("investment.partial")}</Alert>}
 
 			{!!props.historyLoading && <Alert>{t("investment.history")}</Alert>}
 
-			{!!props.refreshing && <Progress animated aria-label={t("accounts.refreshing")} value={100} />}
-
-			{!!props.refreshError && (
-				<Alert aria-live="polite" color="yellow" role="status">
-					{t(
-						props.sourceError
-							? "investment.syncFailed"
-							: "accounts.refreshError",
-					)}
-
-					<Button onClick={props.retry} variant="subtle">
-						{t("accounts.retry")}
-					</Button>
-				</Alert>
-			)}
-
 			<Group align="end">
 				<DatePickerInput
 					allowSingleDateInRange