Show Service Messages in Leitstelle #9

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

@@ -1,27 +1,16 @@
-"use client";
-
 import { Connection } from "./_components/Connection";
 import { Audio } from "_components/Audio/Audio";
 import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
 import Link from "next/link";
 import { Settings } from "_components/navbar/Settings";
 import ModeSwitchDropdown from "_components/navbar/ModeSwitchDropdown";
+import { WarningAlert } from "_components/navbar/PageAlert";
 
 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">
 			<ModeSwitchDropdown />
+			<WarningAlert />
 			<div className="flex items-center gap-5">
 				<div className="flex items-center gap-2">
 					<Audio />
@@ -29,7 +18,6 @@ export default function Navbar() {
 				<div className="flex items-center">
 					<Connection />
 				</div>
-				{/* <ThemeSwap isDark={isDark} toggleTheme={toggleTheme} /> */}
 				<div className="flex items-center">
 					<Settings />
 					<Link