Finalized Event modal

apps/hub/app/(app)/_components/StatsToggle.tsx

@@ -9,7 +9,7 @@ export const StatsToggle = () => {
 	const session = useSession();
 	const router = useRouter();
 	const searchParams = useSearchParams();
-
+	const user = session.data?.user;
 	useEffect(() => {
 		const statsPage = searchParams.get("stats") || "pilot";
 		if (statsPage === "dispo") {
@@ -30,11 +30,7 @@ export const StatsToggle = () => {
 	return (
 		<header className="flex justify-between items-center pb-4">
 			<h1 className="text-2xl font-bold">
-				Hallo,{" "}
-				{session.status === "authenticated"
-					? session.data?.user.firstname + " <" + session.data?.user.publicId + ">"
-					: "<username>"}
-				{"!"}
+				Hallo, {user?.firstname} <span className="text-gray-500">{" #" + user?.publicId}</span>!
 			</h1>
 			<div>
 				<div className="tooltip tooltip-left" data-tip="Disponent / Pilot">