Add dedicated Bans page (bans.html) with active IP bans table, unban and refresh; nav item for admins; settings card kept

public/bans.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Блокировки IP — Админ-панель</title>
+<link rel="stylesheet" href="admin.css">
+</head>
+<body data-page="bans">
+<div class="layout">
+  <div class="sidebar" id="sidebar"></div>
+  <div class="main">
+    <div class="page-head">
+      <h2>Блокировки IP</h2>
+      <p class="page-sub">IP автоматически блокируется на 24 часа: за заполнение скрытого антиспам-поля, за 10 неудачных попыток входа или 10 неверных паролей на защищённой ссылке</p>
+    </div>
+    <div class="trash-head">
+      <span class="trash-muted" id="bansInfo"></span>
+      <button class="btn-primary ghost" id="refreshBtn" type="button"><i data-lucide="refresh-cw"></i> Обновить</button>
+    </div>
+    <table class="audit-table" id="bansTable">
+      <thead>
+        <tr>
+          <th>IP</th>
+          <th>Причина</th>
+          <th>Заблокирован</th>
+          <th>Разблокируется</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody id="bansBody"><tr><td colspan="5">Загрузка…</td></tr></tbody>
+    </table>
+  </div>
+</div>
+
+<div class="toast" id="toast"></div>
+<script src="vendor/lucide.min.js"></script>
+<script src="admin.js"></script>
+<script src="js/bans.js"></script>
+</body>
+</html>