fix: warnings and icon rendering

- Remove unused imports (HashMap, TextEdit)
- Remove unnecessary mut on fonts
- Replace ✕ (U+2715) with × (U+00D7) for close/cross icons
- Replace ＋ (U+FF0B) with + (U+002B) for New Connection button
- Replace ▲/▼ (U+25B2/U+25BC) with ↑/↓ (U+2191/U+2193) for sort arrows

src/ui/panels/tabs.rs

@@ -1,45 +1,91 @@
+use egui::{Color32, RichText, Ui};
 use crate::domain::connection::ConnectionStatus;
 use crate::ui::state::AppState;
+use crate::ui::theme::*;
 
-pub fn render(ui: &mut egui::Ui, state: &mut AppState) {
-    ui.horizontal(|ui| {
-        let mut to_close: Option<usize> = None;
+pub fn render(ui: &mut Ui, state: &mut AppState) {
+    let frame = egui::Frame::none()
+        .fill(BG_BASE)
+        .inner_margin(egui::Margin { left: 6.0, right: 6.0, top: 0.0, bottom: 0.0 });
 
-        for (i, tab) in state.tabs.iter().enumerate() {
-            let is_active = i == state.active_tab;
+    frame.show(ui, |ui| {
+        ui.set_min_height(TABBAR_H);
+        ui.horizontal(|ui| {
+            let mut to_close: Option<usize> = None;
 
-            let dot = match &tab.status {
-                ConnectionStatus::Connected => "\u{25CF}",
-                ConnectionStatus::Disconnected => "\u{25CB}",
-                ConnectionStatus::Connecting => "\u{25D0}",
-                ConnectionStatus::Error(_) => "\u{2716}",
-            };
-
-            let label = format!("{} {}  ", dot, tab.label);
-
-            let mut tab_btn = egui::Button::new(&label)
-                .min_size(egui::vec2(60.0, 28.0));
-            if is_active {
-                tab_btn = tab_btn.fill(egui::Color32::from_rgb(60, 60, 70));
-            }
-            if ui.add(tab_btn).clicked() {
-                state.active_tab = i;
+            if state.tabs.is_empty() {
+                ui.label(RichText::new("No connections").color(TEXT_HINT).size(11.0));
             }
 
-            if ui.small_button("x").clicked() {
-                to_close = Some(i);
-            }
-        }
+            for (i, tab) in state.tabs.iter().enumerate() {
+                let is_active = i == state.active_tab;
 
-        if let Some(idx) = to_close {
-            state.tabs.remove(idx);
-            if state.active_tab >= state.tabs.len() && !state.tabs.is_empty() {
-                state.active_tab = state.tabs.len() - 1;
-            }
-        }
+                let (dot_col, dot) = match &tab.status {
+                    ConnectionStatus::Connected    => (GREEN,   "●"),
+                    ConnectionStatus::Disconnected => (TEXT_HINT, "○"),
+                    ConnectionStatus::Connecting   => (YELLOW,  "◐"),
+                    ConnectionStatus::Error(_)     => (RED,     "×"),
+                };
 
-        if ui.button("+").clicked() {
-            state.show_connect_dialog = true;
-        }
+                let bg   = if is_active { BG_TAB_ACTIVE } else { BG_TAB_IDLE };
+                let tcol = if is_active { TEXT_PRIMARY } else { TEXT_DIM };
+
+                let tab_response = egui::Frame::none()
+                    .fill(bg)
+                    .rounding(egui::Rounding { nw: 4.0, ne: 4.0, sw: 0.0, se: 0.0 })
+                    .inner_margin(egui::Margin { left: 10.0, right: 4.0, top: 0.0, bottom: 0.0 })
+                    .show(ui, |ui| {
+                        ui.set_min_height(TABBAR_H);
+                        ui.horizontal_centered(|ui| {
+                            // цветная точка статуса
+                            ui.label(RichText::new(dot).color(dot_col).size(9.0));
+                            ui.add_space(4.0);
+                            // название вкладки
+                            let lbl = egui::Label::new(
+                                RichText::new(&tab.label).color(tcol).size(12.0)
+                            )
+                            .sense(egui::Sense::click());
+                            if ui.add(lbl).clicked() {
+                                // обрабатывается ниже
+                            }
+                            ui.add_space(6.0);
+                            // кнопка закрытия
+                            let close = egui::Label::new(
+                                RichText::new("×").color(TEXT_HINT).size(14.0)
+                            )
+                            .sense(egui::Sense::click());
+                            if ui.add(close).clicked() {
+                                to_close = Some(i);
+                            }
+                            ui.add_space(4.0);
+                        });
+                    });
+
+                if tab_response.response.clicked() {
+                    state.active_tab = i;
+                }
+            }
+
+            // кнопка "+"
+            ui.add_space(4.0);
+            let plus = egui::Button::new(RichText::new("+").color(TEXT_DIM).size(16.0))
+                .fill(Color32::TRANSPARENT)
+                .rounding(4.0)
+                .min_size(egui::vec2(28.0, TABBAR_H));
+            if ui.add(plus).clicked() {
+                state.show_connect_dialog = true;
+            }
+
+            if let Some(idx) = to_close {
+                state.tabs.remove(idx);
+                if !state.tabs.is_empty() && state.active_tab >= state.tabs.len() {
+                    state.active_tab = state.tabs.len() - 1;
+                }
+            }
+        });
     });
+
+    // нижняя граница таббара
+    let (_, sep) = ui.allocate_space(egui::vec2(ui.available_width(), 1.0));
+    ui.painter().rect_filled(sep, 0.0, BORDER);
 }