refactor: align frontend ownership boundaries

Close audit gaps across API drift, query policy, UI, and tests.

src/pages/account/ui/AccountPage.test.tsx

@@ -1,28 +1,28 @@
 import { MantineProvider } from "@mantine/core";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { type QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { render, screen, waitFor } from "@testing-library/react";
 import { HttpResponse, http } from "msw";
 import { MemoryRouter, Route, Routes } from "react-router";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import type { Portfolio } from "@/entities/portfolio";
+import { describe, expect, it, vi } from "vitest";
+import { type Portfolio, portfolioQueryOptions } from "@/entities/portfolio";
 import { configureAuthClient } from "@/shared/api";
+import { createTestQueryClient } from "@/test/query";
 import { server } from "@/test/server";
-import {
-	AccountPage,
-	AccountPageEmpty,
-	AccountPageError,
-	AccountPageLoaded,
-	AccountPageLoading,
-} from "./AccountPage";
+import { AccountPage } from "./AccountPage";
 import type {
 	AccountPageRecentEvents,
 	AccountPageRecentOperations,
 } from "./AccountPage.vm";
 import { toAccountPagePositionSections } from "./AccountPage.vm";
+import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
+import { AccountPageError } from "./components/AccountPageError.view";
+import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
+import { AccountPageLoading } from "./components/AccountPageLoading.view";
 
 function renderPage(ui: React.ReactNode) {
+	const queryClient = createTestQueryClient();
 	return render(
-		<QueryClientProvider client={new QueryClient()}>
+		<QueryClientProvider client={queryClient}>
 			<MantineProvider>
 				<MemoryRouter>{ui}</MemoryRouter>
 			</MantineProvider>
@@ -113,10 +113,6 @@ function emptyProps() {
 }
 
 describe("AccountPage states", () => {
-	afterEach(() => {
-		configureAuthClient(null);
-		cleanup();
-	});
 	it("renders loading and empty states", () => {
 		renderPage(<AccountPageLoading />);
 		expect(screen.getByRole("status")).toBeInTheDocument();
@@ -528,12 +524,12 @@ describe("AccountPage states", () => {
 				);
 			}),
 		);
-		const queryClient = new QueryClient();
+		const queryClient = createTestQueryClient();
 		renderAccountRoute(queryClient);
 
 		await screen.findByText("Вторая");
 		void queryClient.invalidateQueries({
-			queryKey: ["get", "/api/v1/brokerage-accounts/{accountId}/portfolio"],
+			queryKey: portfolioQueryOptions("account-1").queryKey,
 		});
 
 		expect(
@@ -563,12 +559,12 @@ describe("AccountPage states", () => {
 				});
 			}),
 		);
-		const queryClient = new QueryClient();
+		const queryClient = createTestQueryClient();
 		renderAccountRoute(queryClient);
 
 		await screen.findByText("Вторая");
 		void queryClient.invalidateQueries({
-			queryKey: ["get", "/api/v1/brokerage-accounts/{accountId}/portfolio"],
+			queryKey: portfolioQueryOptions("account-1").queryKey,
 		});
 
 		await waitFor(() => expect(requestCount).toBe(2));