🎨 Isolate infra and ui components

The src/base.rs is still to be reworked.

src/ui/components/header.rs

@@ -0,0 +1,25 @@
+use dioxus::prelude::*;
+
+turf::style_sheet!("src/ui/components/header.scss");
+
+pub fn Header() -> Element {
+    rsx! {
+        style { {STYLE_SHEET} },
+
+        div {
+            class: ClassName::ROOT,
+            img {
+                src: "./images/logo-msn.png"
+            }
+            svg {
+                view_box: "0 0 100 10",
+                text {
+                    y: "55%",
+                    dominant_baseline: "middle",
+                    font_size: "5",
+                    "Windows Live Messenger",
+                },
+            },
+        }
+    }
+}