feat: implement login auth for all

also show the username underneath the logo

src/Header.tsx

@@ -1,11 +1,18 @@
+import { Link, useLocation } from "react-router";
+import Avatar from "./Avatar";
+
 export default function Header() {
+  const location = useLocation();
   return (
-    <div className="logo" id="logo">
-      <a href={"/"}>
-        <img alt="logo" height="66%" src="logo.svg" />
-        <h3 className="centered">cutt</h3>
-      </a>
-      <span className="grey">cool ultimate team tool</span>
+    <div className={location.pathname === "/network" ? "networkroute" : ""}>
+      <div className="logo">
+        <Link to="/">
+          <img alt="logo" height="66%" src="logo.svg" />
+          <h3 className="centered">cutt</h3>
+        </Link>
+        <span className="grey">cool ultimate team tool</span>
+      </div>
+      <Avatar />
     </div>
   );
 }