fix: highlight favourite icon and sort favourites alphabetically

The heart icon now shows ❤️ for favourites and 🤍 for non-favourites,
with brighter text when the app is marked as a favourite. Previously
the icon looked the same regardless of favourite status.

Favourites are now sorted alphabetically by display name.

Closes #254

Author: niklasmarderx

src/app/apps.rs

@@ -213,11 +213,13 @@ impl App {
 
         let name = self.search_name.clone();
         let theme_clone = theme.clone();
+        let is_favourite = self.ranking == -1;
+        let heart = if is_favourite { "❤️" } else { "🤍" };
         row = row.push(
-            Button::new(Text::new("♥️").width(Length::Fill).align_x(Alignment::End))
+            Button::new(Text::new(heart).width(Length::Fill).align_x(Alignment::End))
                 .on_press_with(move || Message::ToggleFavouriteApp(name.clone()))
                 .width(Length::Fill)
-                .style(move |_, status| favourite_button_style(&theme_clone, status)),
+                .style(move |_, status| favourite_button_style(&theme_clone, status, is_favourite)),
         );
 
         let msg = on_press.or(match self.open_command.clone() {

src/app/tile.rs

@@ -109,16 +109,14 @@ impl AppIndex {
     }
 
     fn get_favourites(&self) -> Vec<App> {
-        self.by_name
+        let mut favs: Vec<App> = self
+            .by_name
             .values()
-            .filter_map(|x| {
-                if x.ranking == -1 {
-                    Some(x.to_owned())
-                } else {
-                    None
-                }
-            })
-            .collect()
+            .filter(|x| x.ranking == -1)
+            .cloned()
+            .collect();
+        favs.sort_by(|a, b| a.display_name.cmp(&b.display_name));
+        favs
     }
 
     fn empty() -> AppIndex {

src/styles.rs

@@ -75,12 +75,23 @@ pub fn result_button_style(theme: &ConfigTheme) -> button::Style {
     }
 }
 
-pub fn favourite_button_style(theme: &ConfigTheme, status: button::Status) -> button::Style {
-    let text_color = match status {
-        button::Status::Pressed => theme.text_color(1.),
-        button::Status::Hovered => theme.text_color(0.5),
-        button::Status::Active => theme.text_color(0.1),
-        button::Status::Disabled => theme.text_color(0.1),
+pub fn favourite_button_style(
+    theme: &ConfigTheme,
+    status: button::Status,
+    is_favourite: bool,
+) -> button::Style {
+    let text_color = if is_favourite {
+        match status {
+            button::Status::Pressed => theme.text_color(0.8),
+            button::Status::Hovered => theme.text_color(0.9),
+            _ => theme.text_color(1.),
+        }
+    } else {
+        match status {
+            button::Status::Pressed => theme.text_color(1.),
+            button::Status::Hovered => theme.text_color(0.5),
+            _ => theme.text_color(0.1),
+        }
     };
 
     button::Style {