feat: Integrate @tanstack/react-query for improved data fetching and state management in HistoryModal; update API error handling and enhance request interceptors for better error notifications

frontend/src/components/ConfirmDialog.jsx

@@ -0,0 +1,32 @@
+import { useEffect, useRef } from 'react'
+
+export default function ConfirmDialog({ open, title, message, confirmText = 'Подтвердить', cancelText = 'Отмена', onConfirm, onCancel }) {
+  const ref = useRef(null)
+  useEffect(() => {
+    if (open && ref.current) {
+      try { ref.current.querySelector('button[data-primary]')?.focus() } catch {}
+    }
+  }, [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-dialog" role="document">
+        <div className="modal-content" ref={ref}>
+          <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>
+          </div>
+          <div className="modal-body">
+            <p id="confirm-message" className="m-0">{message}</p>
+          </div>
+          <div className="modal-footer">
+            <button type="button" className="btn btn-secondary" onClick={onCancel}>{cancelText}</button>
+            <button type="button" className="btn btn-primary" data-primary onClick={onConfirm}>{confirmText}</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+