moved to /dispatch and fixed Voice chat

apps/dispatch/app/pilot/_components/navbar/Navbar.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { Connection } from "./Connection";
+import { ThemeSwap } from "./ThemeSwap";
+import { Audio } from "./Audio";
+import { useState } from "react";
+import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
+import { Chat } from "./Chat";
+
+export default function Navbar() {
+	const [isDark, setIsDark] = useState(false);
+
+	const toggleTheme = () => {
+		const newTheme = !isDark;
+		setIsDark(newTheme);
+		document.documentElement.setAttribute(
+			"data-theme",
+			newTheme ? "nord" : "dark",
+		);
+	};
+
+	return (
+		<div className="navbar bg-base-100 shadow-sm flex gap-5 justify-between">
+			<div className="flex items-center gap-2">
+				<a className="btn btn-ghost text-xl">VAR Leitstelle V2</a>
+			</div>
+			<div className="bg-base-200 rounded-box flex items-center gap-2 p-1">
+				<div className="flex items-center gap-2">
+					<Chat />
+				</div>
+			</div>
+
+			<div className="flex items-center gap-5">
+				<div className="flex items-center gap-2">
+					<Audio />
+				</div>
+				<div className="flex items-center">
+					<Connection />
+				</div>
+				<ThemeSwap isDark={isDark} toggleTheme={toggleTheme} />
+				<div className="flex items-center">
+					<button className="btn btn-ghost">
+						<ExternalLinkIcon className="w-4 h-4" /> HUB
+					</button>
+					<button className="btn btn-ghost">
+						<ExitIcon className="w-4 h-4" />
+					</button>
+				</div>
+			</div>
+		</div>
+	);
+}