Add tabbed navigation and update styles for content panels

webui/app.js

@@ -144,6 +144,19 @@ function renderContinuous(data) {
   document.getElementById("continuous-logs").textContent = (status.logs || []).join("\n") || "Логов пока нет.";
 }
 
+function setupTabs() {
+  const tabs = document.querySelectorAll(".content-tab");
+  const panels = document.querySelectorAll(".tab-panel");
+
+  tabs.forEach((tab) => {
+    tab.addEventListener("click", () => {
+      const targetId = tab.dataset.tabTarget;
+      tabs.forEach((item) => item.classList.toggle("active", item === tab));
+      panels.forEach((panel) => panel.classList.toggle("active", panel.id === targetId));
+    });
+  });
+}
+
 async function refreshDashboard() {
   const data = await api("/api/dashboard");
   const authData = await api("/api/auth");
@@ -157,6 +170,8 @@ async function refreshDashboard() {
 }
 
 async function main() {
+  setupTabs();
+
   document.getElementById("scrape-all-btn").addEventListener("click", async (event) => {
     setBusy(event.currentTarget, true);
     try {