Finalized Event modal

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

@@ -1,6 +1,6 @@
 import { getServerSession } from "../../api/auth/[...nextauth]/auth";
 import { prisma } from "@repo/db";
-import { EventCard } from "../events/_components/item";
+import { EventCard } from "../events/_components/EventCard";
 import { RocketIcon } from "lucide-react";
 import { eventCompleted } from "@repo/shared-components";
 

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

@@ -6,7 +6,7 @@ import { useSession } from "next-auth/react";
 import { useRef, useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { getEvents } from "../../../helper/events";
-import { EventCard } from "(app)/events/_components/item";
+import { EventCard } from "(app)/events/_components/EventCard";
 
 const PathsOptions = ({
 	selected,

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">