🎨 Replace sir with turf + move css to dedicated scss files

src/components/header.rs

@@ -1,25 +1,13 @@
 use dioxus::prelude::*;
-use sir::css;
+
+turf::style_sheet!("src/components/header.scss");
 
 pub fn Header(cx: Scope) -> Element {
-    let header = css!(
-        "
-        height: 100%;
-        width: 100%;
-        display: flex;
-
-        img {
-            height: 100%;
-        }
-        svg {
-            fill: white;
-        }
-        "
-    );
-
     cx.render(rsx! {
+        style { STYLE_SHEET },
+
         div {
-            class: "{header}",
+            class: ClassName::ROOT,
             img {
                 // src: "./assets/live-logo2.png"
                 src: "./images/logo-msn.png"