refactor: simplify frontend state and mutation boundaries

packages/icons/src/Icons.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 
-import { AddIcon, DeleteIcon, EditIcon } from "./index";
+import { AddIcon, DeleteIcon, EditIcon, OperationIcon } from "./index";
 
 describe("icon accessibility", () => {
 	it.each([AddIcon, EditIcon, DeleteIcon])(
@@ -34,4 +34,16 @@ describe("icon accessibility", () => {
 			expect(icon).toHaveAttribute("stroke", "currentColor");
 		},
 	);
+	it("keeps operation icons decorative", () => {
+		render(
+			<button aria-label="Операция" type="button">
+				<OperationIcon color="orange" variant="home" />
+			</button>,
+		);
+		expect(screen.queryByRole("img")).not.toBeInTheDocument();
+		// eslint-disable-next-line testing-library/no-node-access -- Decorative SVG has no accessible role.
+		expect(screen.getByRole("button").querySelector("svg")).toHaveAttribute(
+			"aria-hidden", "true",
+		);
+	});
 });