feat: implement login auth for all

also show the username underneath the logo

src/Footer.tsx

@@ -1,20 +1,22 @@
+import { useLocation } from "react-router";
 import { Link } from "react-router";
 
 export default function Footer() {
+  const location = useLocation();
   return (
-    <footer>
+    <footer className={location.pathname === "/network" ? "fixed-footer" : ""}>
       <div className="navbar">
-        <a href="/">
+        <Link to="/">
           <span>Form</span>
-        </a>
+        </Link>
         <span>|</span>
-        <a href="/network">
+        <Link to="/network">
           <span>Trainer Analysis</span>
-        </a>
+        </Link>
         <span>|</span>
-        <a href="/mvp">
+        <Link to="/mvp">
           <span>MVP</span>
-        </a>
+        </Link>
       </div>
       <p className="grey extra-margin">
         something not working?