Booking Panel auf Dashboard

apps/hub/app/_components/BookingTimelineModal.tsx

@@ -2,10 +2,11 @@
 
 import { useState } from "react";
 import { CalendarIcon, Plus, X, ChevronLeft, ChevronRight, Trash2 } from "lucide-react";
-import { Booking, getPublicUser, PublicUser, Station, User } from "@repo/db";
+import { Booking, PublicUser, Station, User } from "@repo/db";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { deleteBookingAPI, getBookingsAPI } from "(app)/_querys/bookings";
 import { Button } from "@repo/shared-components";
+import { formatTimeRange } from "../../helper/timerange";
 
 interface BookingTimelineModalProps {
 	isOpen: boolean;
@@ -227,18 +228,10 @@ export const BookingTimelineModal = ({
 		return sortedGroups;
 	};
 
-	const formatTimeRange = (booking: Booking) => {
-		const start = new Date(booking.startTime);
-		const end = new Date(booking.endTime);
-		return `${start.toLocaleTimeString("de-DE", { hour: "2-digit", minute: "2-digit" })} - ${end.toLocaleTimeString("de-DE", { hour: "2-digit", minute: "2-digit" })}`;
-	};
-
 	if (!isOpen) return null;
 
 	const groupedBookings = groupBookingsByResource();
 
-	console.log("Grouped Bookings:", groupedBookings);
-
 	return (
 		<div className="modal modal-open">
 			<div className="modal-box flex max-h-[83vh] w-11/12 max-w-7xl flex-col">
@@ -298,7 +291,7 @@ export const BookingTimelineModal = ({
 												<div className="flex items-center gap-3">
 													<span className="badge badge-outline text-xs">
 														{booking.type.startsWith("LST_")
-															? ""
+															? "LST"
 															: booking.Station.bosCallsignShort || booking.Station.bosCallsign}
 													</span>
 													<span className="text-sm font-medium">{booking.User.fullName}</span>