Add RSVP events and Unsplash image support

src/components/dashboard/sidebar-nav.tsx

@@ -72,6 +72,13 @@ const navItems = [
     exact: false,
     allowedRoles: [UserRole.ADMIN],
   },
+  {
+    href: "/dashboard/admin/kalender",
+    label: "Event-Anmeldungen",
+    icon: CalendarCheck2,
+    exact: false,
+    allowedRoles: [UserRole.ADMIN, UserRole.KOORDINATOR],
+  },
   {
     href: "/dashboard/admin/abwesenheiten",
     label: "Abwesenheiten",

src/components/ui/card.tsx

@@ -23,10 +23,14 @@ const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDiv
 );
 CardHeader.displayName = "CardHeader";
 
-const CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div
-      ref={ref}
+type CardTitleProps = React.HTMLAttributes<HTMLElement> & {
+  as?: "div" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
+
+const CardTitle = React.forwardRef<HTMLElement, CardTitleProps>(
+  ({ className, as: Comp = "div", ...props }, ref) => (
+    <Comp
+      ref={ref as React.Ref<HTMLDivElement>}
       className={cn("text-2xl font-semibold leading-none tracking-tight", className)}
       {...props}
     />