refactor: Update simplified filter management UI in FilterManager to use card layout, enhancing visual consistency and user experience

frontend/src/FilterManager.jsx

@@ -1157,15 +1157,14 @@ function FilterManager() {
       )}
 
       {/* Модальное окно упрощённого режима */}
-      {mode === 'simple' && (
+      {mode === 'simple' ? (
-        <div className="modal show d-block" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }}>
+        <div className="card mb-4">
-          <div className="modal-dialog modal-lg">
+          <div className="card-header">
-            <div className="modal-content">
+            <h3 className="card-title">
-              <div className="modal-header">
+              <IconFilter className="me-2" /> Фильтры (упрощённый режим)
-                <h5 className="modal-title">Упрощённый режим управления фильтрами</h5>
+            </h3>
-                <button type="button" className="btn-close" onClick={() => setMode('advanced')}></button>
           </div>
-              <div className="modal-body">
+          <div className="card-body">
             {simpleError && (
               <div className="alert alert-danger py-2" role="alert">{simpleError}</div>
             )}
@@ -1263,14 +1262,14 @@ function FilterManager() {
               <IconRocket className="me-2" /> Раскатать фильтры на все серверы
             </button>
           </div>
-              <div className="modal-footer">
-                <button type="button" className="btn btn-secondary" onClick={() => setMode('advanced')}>
-                  Закрыть
-                </button>
-              </div>
-            </div>
-          </div>
         </div>
+      ) : (
+        // ... существующий расширенный режим ...
+        <>
+          {/* Панель статистики */}
+          {/* Секция управления серверами */}
+          {/* ... всё как было ... */}
+        </>
       )}
     </div>
   );