Add player leaderboard and homepage preview

components/Shell.tsx

@@ -3,17 +3,14 @@ import Link from "next/link";
 import { Compass, ArrowUpRight, Globe2 } from "lucide-react";
 import { user } from "@/lib/supabase";
 import { Brand } from "./Brand";
+import { SiteNav } from "./SiteNav";
 export async function Header() {
   const account = await user();
   return (
     <header className="site-header">
       <div className="header-inner">
         <Brand />
-        <nav aria-label="Main navigation">
-          <Link href="/servers">Play & maps</Link>
-          <Link href="/downloads">Downloads</Link>
-          <Link href="/about">Guide</Link>
-        </nav>
+        <SiteNav />
         <Link
           href={account ? "/dashboard" : "/log-in"}
           className="header-account"
@@ -36,6 +33,7 @@ export function Footer() {
           <Globe2 size={14} /> English
         </span>
         <Link href="/downloads">Tools & downloads</Link>
+        <Link href="/leaderboard">Leaderboard</Link>
         <Link href="/moderation">Moderation</Link>
       </div>
       <p className="disclaimer">