Improved Changelog, Changelog in Dispatch

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

@@ -5,12 +5,20 @@ import Link from "next/link";
 import { Settings } from "./_components/Settings";
 import { WarningAlert } from "_components/navbar/PageAlert";
 import { Radar } from "lucide-react";
+import { prisma } from "@repo/db";
+import { ChangelogWrapper } from "_components/navbar/ChangelogWrapper";
 
-export default function Navbar() {
+export default async function Navbar() {
+	const latestChangelog = await prisma.changelog.findFirst({
+		orderBy: {
+			createdAt: "desc",
+		},
+	});
 	return (
 		<div className="navbar bg-base-100 flex justify-between gap-5 shadow-sm">
 			<div className="flex items-center gap-2">
 				<p className="text-xl font-semibold normal-case">VAR Operations Center</p>
+				<ChangelogWrapper latestChangelog={latestChangelog} />
 			</div>
 			<WarningAlert />
 			<div className="flex items-center gap-5">