fix: resolve frontend audit findings

Repair investment recovery, draft preservation, date validation,
currency presentation, accessibility, and route error recovery.
Correct Docker and dependency checks and consume explicit income roles.

src/features/tbank-connection/ui/TbankConnectionSection/TbankConnectionSectionLoaded.tsx

@@ -8,7 +8,7 @@ import {
 } from "@mantine/core";
 import { useQueryClient } from "@tanstack/react-query";
 import type { FC } from "react";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { apiErrorCode, apiQueryClient } from "@/shared/api";
@@ -19,6 +19,9 @@ import {
 
 type TbankConnectionSectionLoadedProps = {
 	status: TbankConnectionStatus;
+	refreshing: boolean;
+	refreshError: boolean;
+	retry: () => void;
 };
 
 const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
@@ -28,6 +31,7 @@ const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
 	const { t } = useTranslation();
 	const queryClient = useQueryClient();
 	const [deleteOpened, setDeleteOpened] = useState(false);
+	const deleteButton = useRef<HTMLButtonElement>(null);
 	const [requestError, setRequestError] = useState<string | null>(null);
 	const {
 		register,
@@ -53,11 +57,13 @@ const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
 				});
 				setDeleteOpened(false);
 			},
-			onError: () => setRequestError("REQUEST_ERROR"),
 		},
 	);
 	const pending = update.isPending || remove.isPending;
 	const connected = status.connected;
+	useEffect(() => {
+		if (deleteOpened && remove.isError) deleteButton.current?.focus();
+	}, [deleteOpened, remove.isError]);
 
 	return (
 		<Stack mt="xl">
@@ -74,6 +80,25 @@ const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
 			<Text size="sm" c="dimmed">
 				{t("tbank.hint")}
 			</Text>
+			{props.refreshing && (
+				<Text role="status" size="sm" c="dimmed">
+					{t("tbank.refreshing")}
+				</Text>
+			)}
+			{props.refreshError && (
+				<Alert color="orange" role="status" aria-live="polite">
+					<Stack gap="sm">
+						<Text>{t("tbank.refreshError")}</Text>
+						<Button
+							variant="default"
+							onClick={props.retry}
+							disabled={props.refreshing || pending}
+						>
+							{t("tbank.retry")}
+						</Button>
+					</Stack>
+				</Alert>
+			)}
 			<form
 				onSubmit={handleSubmit(({ token }) => {
 					setRequestError(null);
@@ -105,7 +130,10 @@ const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
 							<Button
 								variant="outline"
 								color="red"
-								onClick={() => setDeleteOpened(true)}
+								onClick={() => {
+									remove.reset();
+									setDeleteOpened(true);
+								}}
 							>
 								{t("tbank.delete")}
 							</Button>
@@ -119,10 +147,15 @@ const TbankConnectionSectionLoaded: FC<TbankConnectionSectionLoadedProps> = (
 				title={t("tbank.deleteTitle")}
 				closeOnClickOutside={!pending}
 				closeOnEscape={!pending}
+				closeButtonProps={{ "aria-label": t("tbank.close"), disabled: pending }}
 			>
 				<Stack>
 					<Text>{t("tbank.deleteText")}</Text>
+					{remove.isError && (
+						<Alert color="red">{t("tbank.requestError")}</Alert>
+					)}
 					<Button
+						ref={deleteButton}
 						color="red"
 						loading={remove.isPending}
 						disabled={pending}