feat: update Font Awesome to 7.1.0

src/components/form_open_button.rs

@@ -1,6 +1,10 @@
 use crate::models::project::Project;
 use crate::models::task::Task;
 use dioxus::prelude::*;
+use dioxus_free_icons::{
+    Icon,
+    icons::fa_solid_icons::{FaPlus, FaXmark},
+};
 
 #[component]
 pub(crate) fn FormOpenButton(opened: Signal<bool>) -> Element {
@@ -9,7 +13,7 @@ pub(crate) fn FormOpenButton(opened: Signal<bool>) -> Element {
 
     rsx! {
         button {
-            class: "pointer-events-auto m-4 py-3 px-5 self-end text-center bg-zinc-300/50 rounded-xl border-t-zinc-200 border-t backdrop-blur drop-shadow-[0_-5px_10px_rgba(0,0,0,0.2)] text-2xl text-zinc-200 cursor-pointer",
+            class: "pointer-events-auto m-4 py-4 px-5 self-end text-center bg-zinc-300/50 rounded-xl border-t-zinc-200 border-t backdrop-blur drop-shadow-[0_-5px_10px_rgba(0,0,0,0.2)] text-2xl text-zinc-200 cursor-pointer",
             onclick: move |_| {
                 if opened() {
                     project_being_edited.set(None);
@@ -17,8 +21,18 @@ pub(crate) fn FormOpenButton(opened: Signal<bool>) -> Element {
                 }
                 opened.set(!opened());
             },
-            i {
-                class: format!("min-w-6 fa-solid {}", if opened() { "fa-xmark" } else { "fa-plus" }),
+            if opened() {
+                Icon {
+                    icon: FaXmark,
+                    height: 24,
+                    width: 24
+                }
+            } else {
+                Icon {
+                    icon: FaPlus,
+                    height: 24,
+                    width: 24
+                }
             }
         }
     }