feat: Add website (#1157)

Co-authored-by: Bjorn Lammers <bjorn@lammers.media>

web/src/components/header.tsx

@@ -0,0 +1,33 @@
+import { IconSubmissionForm } from "@/components/icon-submission-form"
+import { ThemeSwitcher } from "@/components/theme-switcher"
+import { REPO_PATH } from "@/constants"
+import { getAllIcons } from "@/lib/api"
+import { Github } from "lucide-react"
+import Link from "next/link"
+import { CommandMenu } from "./command-menu"
+import { HeaderNav } from "./header-nav"
+
+const icons = await getAllIcons()
+
+export async function Header() {
+	return (
+		<header className="border-b">
+			<div className="px-4 md:px-12 flex items-center justify-between h-16">
+				<div className="flex items-center gap-2 md:gap-6">
+					<Link href="/" className="text-lg md:text-xl font-bold">
+						Dashboard Icons
+					</Link>
+					<HeaderNav />
+				</div>
+				<div className="flex items-center gap-2 md:gap-4">
+					<CommandMenu icons={Object.keys(icons)} />
+					<IconSubmissionForm />
+					<Link href={REPO_PATH} target="_blank" className="text-sm font-medium transition-colors hover:text-primary">
+						<Github className="h-5 w-5" />
+					</Link>
+					<ThemeSwitcher />
+				</div>
+			</div>
+		</header>
+	)
+}