refactor: tighten types and reuse instrument UI

src/pages/cards/ui/CardsPage/CardsPage.test.tsx

@@ -9,7 +9,7 @@ import {
 } from "@testing-library/react";
 import { http, HttpResponse } from "msw";
 import { MemoryRouter } from "react-router";
-import { describe, expect, it } from "vitest";
+import { assert, describe, expect, it } from "vitest";
 
 import { configureAuthClient } from "@/shared/api";
 import { createTestQueryClient } from "@/test/query";
@@ -62,9 +62,9 @@ describe("CardsPage", () => {
 	it("preserves exact negative opening amount and the creation intent through unknown failure", async () => {
 		renderCards();
 		await screen.findByRole("heading", { name: "Добавьте первую карту" });
-		fireEvent.click(
-			screen.getAllByRole("button", { name: "Добавить карту" })[0],
-		);
+		const creationButton = screen.getAllByRole("button", { name: "Добавить карту" })[0];
+		assert.isDefined(creationButton);
+		fireEvent.click(creationButton);
 		const dialog = screen.getByRole("dialog");
 		const submitted: Record<string, unknown>[] = [];
 		let resolve: (() => void) | undefined;
@@ -80,7 +80,7 @@ describe("CardsPage", () => {
 					return HttpResponse.error();
 				}
 
-				return HttpResponse.json({ id: submitted[0].id }, { status: 201 });
+				return HttpResponse.json({ id: submitted[0]?.id }, { status: 201 });
 			}),
 		);
 		fireEvent.change(within(dialog).getByLabelText(/Название карты/), {