feat: render hourly investment states

src/features/tbank-connection/model/screen-sync.test.tsx

@@ -19,12 +19,14 @@ function auth() {
 }
 
 describe("read-only screen synchronization", () => {
-	it("retries the resource with GET and never starts a sync POST", async () => {
+	it("retries the resource with GET without requesting source observation", async () => {
 		auth();
 		let gets = 0;
+		const syncModes: (null | string)[] = [];
 		server.use(
-			http.get("*/api/v1/brokerage-accounts", () => {
+			http.get("*/api/v1/brokerage-accounts", ({ request }) => {
 				gets += 1;
+				syncModes.push(new URL(request.url).searchParams.get("sync"));
 
 				return gets === 1
 					? HttpResponse.json({ code: "TBANK_UNAVAILABLE" }, { status: 503 })
@@ -49,6 +51,7 @@ describe("read-only screen synchronization", () => {
 		await waitFor(() => expect(result.current.accounts.data).toEqual([]));
 
 		expect(gets).toBe(2);
+		expect(syncModes).toEqual([null, null]);
 	});
 
 	it("refreshes the currently open resources together", async () => {