Change tree symbols to blue color across all panels

- Add Typography::tree() style using blue Theme::highlight() color
- Update system, backup, and services widgets to use consistent blue tree styling
- Centralizes tree color management in theme module for easy maintenance

TODO.md

@@ -55,7 +55,6 @@ Repos:
 
 - Add keyboard navigation between panels "Shift-Tab"
 - Add lower statusbar with dynamic updated shortcuts when switchng between panels
-- Add scrolling support when text do not fit
 
 ## Remote execution (agent/dashboard)
 

dashboard/src/ui/theme.rs

@@ -324,4 +324,11 @@ impl Typography {
             .bg(Theme::background())
             .add_modifier(Modifier::BOLD)
     }
+
+    /// Tree symbols style (blue color)
+    pub fn tree() -> Style {
+        Style::default()
+            .fg(Theme::highlight())
+            .bg(Theme::background())
+    }
 }

dashboard/src/ui/widgets/backup.rs

@@ -348,7 +348,7 @@ impl Widget for BackupWidget {
         if let Some(duration) = self.duration_seconds {
             let duration_text = self.format_duration(duration);
             lines.push(ratatui::text::Line::from(vec![
-                ratatui::text::Span::styled("  └─ ", Typography::secondary()),
+                ratatui::text::Span::styled("  └─ ", Typography::tree()),
                 ratatui::text::Span::styled(format!("Duration: {}", duration_text), Typography::secondary())
             ]));
         }
@@ -369,7 +369,7 @@ impl Widget for BackupWidget {
             // Serial number as sub-item
             if let Some(serial) = &self.backup_disk_serial_number {
                 lines.push(ratatui::text::Line::from(vec![
-                    ratatui::text::Span::styled("  ├─ ", Typography::secondary()),
+                    ratatui::text::Span::styled("  ├─ ", Typography::tree()),
                     ratatui::text::Span::styled(format!("S/N: {}", serial), Typography::secondary())
                 ]));
             }
@@ -379,7 +379,7 @@ impl Widget for BackupWidget {
                 let used_str = Self::format_size_with_proper_units(used);
                 let total_str = Self::format_size_with_proper_units(total);
                 lines.push(ratatui::text::Line::from(vec![
-                    ratatui::text::Span::styled("  └─ ", Typography::secondary()),
+                    ratatui::text::Span::styled("  └─ ", Typography::tree()),
                     ratatui::text::Span::styled(format!("Usage: {}/{}", used_str, total_str), Typography::secondary())
                 ]));
             }

dashboard/src/ui/widgets/services.rs

@@ -170,9 +170,7 @@ impl ServicesWidget {
             // Indentation and tree prefix
             ratatui::text::Span::styled(
                 format!("  {} ", tree_symbol),
-                Style::default()
-                    .fg(Theme::secondary_text())
-                    .bg(Theme::background()),
+                Typography::tree(),
             ),
             // Status icon
             ratatui::text::Span::styled(

dashboard/src/ui/widgets/system.rs

@@ -286,7 +286,7 @@ impl SystemWidget {
 
                 let mut drive_spans = vec![
                     Span::raw("  "),
-                    Span::styled(tree_symbol, Typography::secondary()),
+                    Span::styled(tree_symbol, Typography::tree()),
                     Span::raw(" "),
                 ];
                 drive_spans.extend(StatusIcons::create_status_spans(drive.status.clone(), &drive_text));
@@ -298,7 +298,7 @@ impl SystemWidget {
                 let tree_symbol = "└─";
                 let mut usage_spans = vec![
                     Span::raw("  "),
-                    Span::styled(tree_symbol, Typography::secondary()),
+                    Span::styled(tree_symbol, Typography::tree()),
                     Span::raw(" "),
                 ];
                 usage_spans.extend(StatusIcons::create_status_spans(pool.status.clone(), &usage_text));
@@ -435,7 +435,7 @@ impl Widget for SystemWidget {
         
         let freq_text = self.format_cpu_frequency();
         lines.push(Line::from(vec![
-            Span::styled("  └─ ", Typography::secondary()),
+            Span::styled("  └─ ", Typography::tree()),
             Span::styled(format!("Freq: {}", freq_text), Typography::secondary())
         ]));
 
@@ -453,7 +453,7 @@ impl Widget for SystemWidget {
 
         let tmp_text = self.format_tmp_usage();
         let mut tmp_spans = vec![
-            Span::styled("  └─ ", Typography::secondary()),
+            Span::styled("  └─ ", Typography::tree()),
         ];
         tmp_spans.extend(StatusIcons::create_status_spans(
             self.memory_status.clone(),