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/shared/api/authenticated-query.test.tsx

@@ -2,6 +2,7 @@ import { renderHook, waitFor } from "@testing-library/react";
 import { HttpResponse, http } from "msw";
 import { describe, expect, it, vi } from "vitest";
 import { createQueryWrapper } from "@/test/query";
+import { resource } from "@/test/resource";
 import { server } from "@/test/server";
 import {
 	useAuthenticatedQueries,
@@ -17,14 +18,16 @@ describe("useAuthenticatedQuery", () => {
 			server.use(
 				http.get("*/api/v1/brokerage-accounts", () => {
 					requests();
-					return HttpResponse.json([
-						{
-							id: "account-1",
-							name: "Основной",
-							type: "BROKERAGE",
-							openedOn: "2024-08-13",
-						},
-					]);
+					return HttpResponse.json(
+						resource([
+							{
+								id: "account-1",
+								name: "Основной",
+								type: "BROKERAGE",
+								openedOn: "2024-08-13",
+							},
+						]),
+					);
 				}),
 			);
 
@@ -53,7 +56,7 @@ describe("useAuthenticatedQuery", () => {
 
 			await waitFor(() => expect(result.current.isSuccess).toBe(true));
 			expect(requests).toHaveBeenCalledOnce();
-			expect(result.current.data).toEqual([
+			expect(result.current.data?.data).toEqual([
 				{
 					id: "account-1",
 					name: "Основной",