feat: show persisted investment data and sync state

Consume the provided resource-envelope API snapshot. Preserve financial snapshots during
refresh, observe synchronization without importing, and fence late responses across
account and connection changes.

src/features/tbank-connection/model/connection-boundary.ts

@@ -1,5 +1,9 @@
 import type { QueryClient } from "@tanstack/react-query";
-import { apiQueryClient, type paths } from "@/shared/api";
+import {
+	apiQueryClient,
+	invalidateApiRequests,
+	type paths,
+} from "@/shared/api";
 
 type TbankConnectionStatus =
 	paths["/api/v1/tbank-connection"]["get"]["responses"][200]["content"]["application/json"];
@@ -15,6 +19,13 @@ function commitTbankConnectionBoundary(
 	queryClient: QueryClient,
 	status: TbankConnectionStatus,
 ) {
+	invalidateApiRequests(
+		(path) =>
+			path.startsWith("/api/v1/brokerage-accounts") ||
+			path.startsWith("/api/v1/stocks") ||
+			path.startsWith("/api/v1/bonds") ||
+			path.startsWith("/api/v1/tbank-sync"),
+	);
 	queryClient.setQueryData(tbankConnectionQueryKey, status);
 	void queryClient.resetQueries({
 		predicate: ({ queryKey }) => {
@@ -22,7 +33,8 @@ function commitTbankConnectionBoundary(
 			return (
 				method === "get" &&
 				typeof path === "string" &&
-				(path === "/api/v1/bonds" ||
+				(path.startsWith("/api/v1/tbank-sync") ||
+					path === "/api/v1/bonds" ||
 					path.startsWith("/api/v1/bonds/") ||
 					path === "/api/v1/stocks" ||
 					path.startsWith("/api/v1/stocks/") ||