refactor: align frontend ownership boundaries

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

src/entities/brokerage-account/api/useBrokerageAccounts.test.tsx

@@ -1,31 +1,12 @@
-import { MantineProvider } from "@mantine/core";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook, waitFor } from "@testing-library/react";
 import { HttpResponse, http } from "msw";
-import type { FC, PropsWithChildren } from "react";
-import { afterEach, describe, expect, it, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 import { configureAuthClient } from "@/shared/api";
+import { createQueryWrapper } from "@/test/query";
 import { server } from "@/test/server";
 import { useBrokerageAccounts } from "./useBrokerageAccounts";
 
-function createWrapper() {
-	const client = new QueryClient();
-	const TestWrapper: FC<PropsWithChildren> = (props) => {
-		const { children } = props;
-
-		return (
-			<MantineProvider>
-				<QueryClientProvider client={client}>{children}</QueryClientProvider>
-			</MantineProvider>
-		);
-	};
-
-	return TestWrapper;
-}
-
 describe("useBrokerageAccounts", () => {
-	afterEach(() => configureAuthClient(null));
-
 	it("loads accounts through the authenticated query seam", async () => {
 		configureAuthClient({
 			accessToken: () => "token",
@@ -46,7 +27,7 @@ describe("useBrokerageAccounts", () => {
 		);
 
 		const { result } = renderHook(() => useBrokerageAccounts(), {
-			wrapper: createWrapper(),
+			wrapper: createQueryWrapper().wrapper,
 		});
 
 		await waitFor(() => expect(result.current.isSuccess).toBe(true));
@@ -83,7 +64,7 @@ describe("useBrokerageAccounts", () => {
 			}),
 		);
 		const { result } = renderHook(() => useBrokerageAccounts(), {
-			wrapper: createWrapper(),
+			wrapper: createQueryWrapper().wrapper,
 		});
 
 		await waitFor(() => expect(result.current.isSuccess).toBe(true));