feat(frontend): log in with Discord

frontend/components/Loading.tsx

@@ -0,0 +1,10 @@
+import { ThreeDots } from "react-bootstrap-icons";
+
+export default function Loading() {
+  return (
+    <div className="flex flex-col pt-32 items-center">
+      <ThreeDots size={64} className="animate-bounce" aria-hidden="true" />
+      <span className="font-bold text-xl">Loading...</span>
+    </div>
+  );
+}

frontend/components/Navigation.tsx

@@ -56,7 +56,9 @@ export default function Navigation() {
 
   const nav = user ? (
     <>
-      <NavItem href={`/u/${user.username}`}>@{user.username}</NavItem>
+      <NavItem href={`/u/${user.username}`}>
+        <a>@{user.username}</a>
+      </NavItem>
       <NavItem href="/settings">Settings</NavItem>
       <NavItem href="/logout">Log out</NavItem>
     </>