feat: update Font Awesome to 7.1.0

src/components/navigation.rs

@@ -1,6 +1,11 @@
 use crate::components::navigation_item::NavigationItem;
 use crate::route::Route;
 use dioxus::prelude::*;
+use dioxus_free_icons::Icon;
+use dioxus_free_icons::icons::fa_solid_icons::{
+    FaBars, FaCalendarDay, FaCalendarDays, FaCheck, FaForward, FaHourglassHalf, FaInbox, FaList,
+    FaTrashCan, FaWater,
+};
 
 #[component]
 pub(crate) fn Navigation(expanded: Signal<bool>) -> Element {
@@ -9,70 +14,54 @@ pub(crate) fn Navigation(expanded: Signal<bool>) -> Element {
             class: "grid grid-cols-5 justify-stretch",
             button {
                 class: format!(
-                    "py-4 text-center text-2xl {} cursor-pointer",
+                    "py-5 flex flex-row justify-center items-center {} cursor-pointer",
                     if expanded() { "text-zinc-200" }
                     else { "text-zinc-500" }
                 ),
                 onclick: move |_| expanded.set(!expanded()),
-                i {
-                    class: "fa-solid fa-bars"
+                Icon {
+                    icon: FaBars,
+                    height: 24,
+                    width: 24
                 }
             },
             NavigationItem {
                 route: Route::CategoryNextStepsPage,
-                i {
-                    class: "fa-solid fa-forward"
-                }
+                icon: FaForward
             },
             NavigationItem {
                 route: Route::CategoryCalendarPage,
-                i {
-                    class: "fa-solid fa-calendar-days"
-                }
+                icon: FaCalendarDays
             },
             NavigationItem {
                 route: Route::CategoryTodayPage,
-                i {
-                    class: "fa-solid fa-calendar-day"
-                }
+                icon: FaCalendarDay
             },
             NavigationItem {
                 route: Route::CategoryInboxPage,
-                i {
-                    class: "fa-solid fa-inbox"
-                }
+                icon: FaInbox
             },
             {if expanded() {
                 rsx! {
                     NavigationItem {
                         route: Route::ProjectsPage,
-                        i {
-                            class: "fa-solid fa-list"
-                        }
+                        icon: FaList
                     },
                     NavigationItem {
                         route: Route::CategoryTrashPage,
-                        i {
-                            class: "fa-solid fa-trash-can"
-                        }
+                        icon: FaTrashCan
                     },
                     NavigationItem {
                         route: Route::CategoryDonePage,
-                        i {
-                            class: "fa-solid fa-check"
-                        }
+                        icon: FaCheck
                     },
                     NavigationItem {
                         route: Route::CategoryLongTermPage,
-                        i {
-                            class: "fa-solid fa-water"
-                        }
+                        icon: FaWater
                     },
                     NavigationItem {
                         route: Route::CategoryWaitingForPage,
-                        i {
-                            class: "fa-solid fa-hourglass-half"
-                        }
+                        icon: FaHourglassHalf
                     }
                 }
             } else { VNode::empty() }}