Add Booking System

apps/hub/app/_components/Nav.tsx

@@ -13,6 +13,7 @@ import { getServerSession } from "api/auth/[...nextauth]/auth";
 import { Error } from "./Error";
 import Image from "next/image";
 import { Plane, Radar, Workflow } from "lucide-react";
+import { BookingButton } from "./BookingButton";
 
 export const VerticalNav = async () => {
 	const session = await getServerSession();
@@ -134,6 +135,16 @@ export const HorizontalNav = async () => {
 			</div>
 			<div className="ml-auto flex items-center">
 				<ul className="flex items-center space-x-2 px-1">
+					<li>
+						<BookingButton
+							currentUser={{
+								id: session.user.id,
+								emailVerified: session.user.emailVerified,
+								is_banned: session.user.isBanned,
+								permissions: session.user.permissions,
+							}}
+						/>
+					</li>
 					<li>
 						<a
 							href={process.env.NEXT_PUBLIC_DISPATCH_URL + "/tracker"}