feat: Добавить анимации и улучшения UX/UI в компоненты приложения, включая плавные переходы, эффекты при наведении и анимации для модальных окон. Обновить карточки и таблицы с новыми анимациями для улучшения визуального восприятия и доступности.

frontend/src/DomainsNewManager.jsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import api from './lib/api.js';
 import CommunityAutocompleteInput from './components/CommunityAutocompleteInput.jsx';
 import CommunityBadge from './components/CommunityBadge.jsx';
+import ConfirmModal from './components/ConfirmModal.jsx';
 import { 
   IconPlus, 
   IconSearch, 
@@ -23,6 +24,7 @@ import TableSkeleton, { TableEmpty } from './components/TableSkeleton.jsx';
 import PageHeader from './components/PageHeader.jsx';
 import EmptyState from './components/EmptyState.jsx';
 import Breadcrumbs from './components/Breadcrumbs.jsx';
+import { IconAlertTriangle } from '@tabler/icons-react';
 import S3MetaBar from './components/S3MetaBar.jsx';
 import PageHeaderActions from './components/PageHeaderActions.jsx';
 import ConfirmDialog from './components/ConfirmDialog.jsx';
@@ -519,7 +521,7 @@ function DomainsNewManager() {
       <div className="row">
         <div className="col-lg-3">
           {/* Classic Add New Domain Card (restored) */}
-          <div className="card card-md">
+          <div className="card card-md animate-in">
             <div className="card-header">
               <h3 className="card-title">
                 <IconPlus className="icon me-2" />
@@ -577,7 +579,7 @@ function DomainsNewManager() {
           </div>
 
           {/* Дополнительные варианты */}
-          <AccordionCard title={'Дополнительные варианты'} defaultOpen={false}>
+          <AccordionCard title={'Дополнительные варианты'} defaultOpen={false} className="animate-in" style={{animationDelay: '0.1s'}}>
             <QuickAddBar
               placeholder={'example.com 65000:100'}
               help={'Вставьте строки: DOMAIN ПРОБЕЛ COMMUNITY'}
@@ -608,7 +610,8 @@ function DomainsNewManager() {
           {/* Карточка действий больше не нужна — действия перенесены в page-header */}
           {/* Drag & Drop импорт */}
           <div
-            className="card card-md border-dashed"
+            className="card card-md border-dashed animate-in"
+            style={{animationDelay: '0.2s'}}
             onDragOver={(e) => { e.preventDefault(); }}
             onDrop={onDropImport}
           >
@@ -629,7 +632,7 @@ function DomainsNewManager() {
             onExport={handleBulkExport}
           />
 
-          <div className="card">
+          <div className="card animate-in" style={{animationDelay: '0.3s'}}>
             <div className="card-header">
               <div className="row align-items-center w-100">
                 <div className="col-auto">
@@ -831,16 +834,22 @@ function DomainsNewManager() {
         </div>
       </div>
 
-      <ConfirmDialog
-        open={showDeleteModal}
-        title={'Удалить домен?'}
-        message={!itemToDelete ? '' : `Вы уверены, что хотите удалить "${itemToDelete.domain}"? Это действие необратимо.`}
-        confirmText={'Удалить'}
-        cancelText={'Отмена'}
-        destructive
-        size={'sm'}
+      <ConfirmModal
+        show={showDeleteModal}
+        onClose={() => setShowDeleteModal(false)}
         onConfirm={executeDelete}
-        onCancel={() => setShowDeleteModal(false)}
+        title="Удалить домен?"
+        message={
+          itemToDelete ? (
+            <>
+              <p>Вы уверены, что хотите удалить <strong>"{itemToDelete.domain}"</strong>?</p>
+              <p className="text-muted mb-0">Это действие необратимо.</p>
+            </>
+          ) : null
+        }
+        confirmLabel="Удалить"
+        variant="danger"
+        icon={IconTrash}
       />
       {/* Confirm Save Modal */}
       <ConfirmDiffModal
@@ -871,14 +880,25 @@ function DomainsNewManager() {
         url={wsUrl}
         onClose={() => setWsOpen(false)}
       />
-      <ConfirmDialog
-        open={clearCommunitiesOpen}
-        title={'Удалить записи community'}
-        message={`Будут удалены все домены с community "${filterCommunity}". Действие НЕ сохраняет изменения автоматически.`}
-        confirmText={'Удалить'}
-        cancelText={'Отмена'}
-        onConfirm={() => { setItems(prev => prev.filter(i => i.community !== filterCommunity)); setClearCommunitiesOpen(false); }}
-        onCancel={() => setClearCommunitiesOpen(false)}
+      <ConfirmModal
+        show={clearCommunitiesOpen}
+        onClose={() => setClearCommunitiesOpen(false)}
+        onConfirm={() => { 
+          setItems(prev => prev.filter(i => i.community !== filterCommunity)); 
+          setClearCommunitiesOpen(false); 
+        }}
+        title="Удалить записи community?"
+        message={
+          <>
+            <p>Будут удалены все домены с community <strong>"{filterCommunity}"</strong>.</p>
+            <p className="text-warning mb-0">
+              <IconAlertTriangle size={16} className="me-1" />
+              Действие НЕ сохраняет изменения автоматически.
+            </p>
+          </>
+        }
+        confirmLabel="Удалить"
+        variant="warning"
       />
       {/* Diff Modal */}
       {showDiff && (