v3: added customizable site emoji (logo), small visual tweaks

src/components/AppHeader.tsx

@@ -7,6 +7,7 @@ import { useWS } from "../hooks/useWS.ts";
 import { NotificationBell } from "./NotificationBell.tsx";
 import { UserMenu } from "./UserMenu.tsx";
 import { SearchBar } from "./SearchBar.tsx";
+import { SITE_EMOJI, SITE_NAME } from "../hooks/useDocumentTitle.ts";
 
 const DumpCreateModal = lazy(() =>
   import("./DumpCreateModal.tsx").then((m) => ({ default: m.DumpCreateModal }))
@@ -43,10 +44,9 @@ export function AppHeader(
     <>
       <header className="app-header app-header--has-center">
         <Link to="/" className="app-header-brand">
-          🚚<span className="app-header-brand-name">
+          {SITE_EMOJI}<span className="app-header-brand-name">
             {" "}
-            {document.querySelector<HTMLMetaElement>('meta[name="site-name"]')
-              ?.content ?? "gerbeur"}
+            {SITE_NAME}
           </span>
         </Link>