+ Changelog Funktionalität

completed #95

apps/hub/app/_components/Nav.tsx

@@ -21,7 +21,7 @@ export const VerticalNav = async () => {
 		return p.startsWith("ADMIN");
 	});
 	return (
-		<ul className="menu flex-nowrap w-64 bg-base-300 p-3 rounded-lg shadow-md font-semibold">
+		<ul className="menu bg-base-300 w-64 flex-nowrap rounded-lg p-3 font-semibold shadow-md">
 			<li>
 				<Link href="/">
 					<HomeIcon /> Dashboard
@@ -99,6 +99,11 @@ export const VerticalNav = async () => {
 									<Link href="/admin/penalty">Audit-Log</Link>
 								</li>
 							)}
+							{session.user.permissions.includes("ADMIN_CHANGELOG") && (
+								<li>
+									<Link href="/admin/changelog">Changelog</Link>
+								</li>
+							)}
 						</ul>
 					</details>
 				</li>
@@ -112,7 +117,7 @@ export const HorizontalNav = async () => {
 	if (!session?.user) return <Error statusCode={401} title="Benutzer nicht authentifiziert!" />;
 
 	return (
-		<div className="navbar bg-base-200 shadow-md rounded-lg mb-4">
+		<div className="navbar bg-base-200 mb-4 rounded-lg shadow-md">
 			<div className="flex items-center">
 				<Link href="/" className="flex items-center">
 					<Image
@@ -123,12 +128,12 @@ export const HorizontalNav = async () => {
 						className="ml-2 mr-3"
 						priority
 					/>
-					<h2 className="normal-case text-xl font-semibold">Virtual Air Rescue - HUB</h2>
+					<h2 className="text-xl font-semibold normal-case">Virtual Air Rescue - HUB</h2>
 				</Link>
 				<WarningAlert />
 			</div>
-			<div className="flex items-center ml-auto">
-				<ul className="flex space-x-2 px-1 items-center">
+			<div className="ml-auto flex items-center">
+				<ul className="flex items-center space-x-2 px-1">
 					<li>
 						<a
 							href={process.env.NEXT_PUBLIC_DISPATCH_URL + "/tracker"}