first commit

ui/components/header.tsx

@@ -0,0 +1,14 @@
+import { ThemeToggle } from "./themeToggle";
+import { Separator } from "./ui/separator";
+
+export default function Header({ title }: { title: string }) {
+	return (
+		<div className="bg-background fixed top-0 right-0 left-(--sidebar-width) z-10">
+			<div className="flex items-center justify-between px-3">
+				<div className="p-3 font-semibold">{title}</div>
+				<ThemeToggle />
+			</div>
+			<Separator className="w-full" />
+		</div>
+	);
+}