Seperate style and title variables (#537)

Added lj's thought process from #490

Co-authored-by: Liam <33645555+lj3954@users.noreply.github.com>

Author: jeevithakannan2

tui/src/state.rs

@@ -237,22 +237,16 @@ impl AppState {
             Style::new()
         };
 
+        let title = format!(
+            "Linux Toolbox - {} {}",
+            env!("BUILD_DATE"),
+            self.multi_select.then(|| "[Multi-Select]").unwrap_or("")
+        );
+
         // Create the list widget with items
         let list = List::new(items)
-            .highlight_style(if let Focus::List = self.focus {
-                Style::default().reversed()
-            } else {
-                Style::new()
-            })
-            .block(Block::default().borders(Borders::ALL).title(format!(
-                "Linux Toolbox - {} {}",
-                env!("BUILD_DATE"),
-                if self.multi_select {
-                    "[Multi-Select]"
-                } else {
-                    ""
-                }
-            )))
+            .highlight_style(style)
+            .block(Block::default().borders(Borders::ALL).title(title))
             .scroll_padding(1);
         frame.render_stateful_widget(list, chunks[1], &mut self.selection);