feat: Enhance error handling in server responses by including request IDs and detailed error codes; improve frontend modal components for better accessibility and user experience

frontend/src/components/ConfirmDialog.jsx

@@ -9,9 +9,18 @@ export default function ConfirmDialog({ open, title, message, confirmText = 'П
   }, [open])
   if (!open) return null
   return (
-    <div className="modal show d-block" role="dialog" aria-modal="true" aria-labelledby="confirm-title" aria-describedby="confirm-message" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }}>
+    <div className="modal show d-block" role="dialog" aria-modal="true" aria-labelledby="confirm-title" aria-describedby="confirm-message" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }} onKeyDown={(e) => { if (e.key === 'Escape') onCancel?.() }}>
       <div className="modal-dialog" role="document">
-        <div className="modal-content" ref={ref}>
+        <div className="modal-content" ref={ref} tabIndex={-1} onKeyDown={(e) => {
+          if (e.key === 'Tab') {
+            const focusable = ref.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
+            if (!focusable || focusable.length === 0) return
+            const first = focusable[0]
+            const last = focusable[focusable.length - 1]
+            if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+            else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+          }
+        }}>
           <div className="modal-header">
             <h5 id="confirm-title" className="modal-title">{title || 'Подтверждение'}</h5>
             <button type="button" className="btn-close" aria-label="Close" onClick={onCancel}></button>