feat: add parent announcements and family or child event responses

src/app/dashboard/page.tsx

@@ -18,6 +18,10 @@ import { getTargetMonthData } from "@/lib/date-utils";
 import { prisma } from "@/lib/prisma";
 import { Stat } from "@/components/ui/stat";
 import { OnboardingDialog } from "@/components/OnboardingDialog";
+import { NewsTicker } from "./news-ticker";
+import { RsvpActionCard } from "./rsvp-action-card";
+import { getAnnouncements } from "@/lib/announcements";
+import { getRsvpEvents } from "@/lib/rsvp-events";
 import { AbsenceCard, UpcomingAbsencesCard } from "./absence-card";
 import { AlarmDashboardHints } from "./notdienst/alarm/dashboard-hints";
 
@@ -56,6 +60,8 @@ export default async function DashboardPage() {
     onboardingUser,
     absenceChildren,
     upcomingAbsences,
+    announcements,
+    rsvpEvents,
   ] = await Promise.all([
     prisma.family.count({
       where: { kitaId: session.user.kitaId },
@@ -143,6 +149,8 @@ export default async function DashboardPage() {
           take: 6,
         })
       : Promise.resolve([]),
+    getAnnouncements(session, { take: 3 }),
+    getRsvpEvents(session, { onlyOpen: true }),
   ]);
 
   const canReportAbsences = session.user.role !== UserRole.ERZIEHER;
@@ -178,7 +186,7 @@ export default async function DashboardPage() {
         }
       />
 
-      <header className="mb-9 flex items-start justify-between gap-8">
+      <header className="mb-9 flex items-start justify-between gap-8 max-[760px]:flex-col max-[760px]:gap-3">
         <div>
           <p className="text-[11px] font-semibold uppercase text-[var(--accent-deep)] [letter-spacing:0.18em]">
             ÜBERSICHT · {kita.name}
@@ -195,13 +203,16 @@ export default async function DashboardPage() {
             siehst du auf einen Blick, was bei {kita.name} ansteht.
           </p>
         </div>
-        <div className="mt-9 inline-flex shrink-0 items-center gap-2 rounded-full border border-[var(--hairline)] bg-[var(--surface)] px-4 py-2 text-[13px] font-semibold text-[var(--ink-soft)]">
+        <div className="mt-9 max-[760px]:mt-0 inline-flex shrink-0 items-center gap-2 rounded-full border border-[var(--hairline)] bg-[var(--surface)] px-4 py-2 text-[13px] font-semibold text-[var(--ink-soft)]">
           <Clock3 className="h-3.5 w-3.5 [stroke-width:1.7]" />
           {format(now, "EEE, d. MMM yyyy", { locale: de })}
         </div>
       </header>
 
       <AlarmDashboardHints />
+      <RsvpActionCard events={rsvpEvents} />
+      <NewsTicker items={announcements} />
+
       <div className="grid grid-cols-[minmax(0,1fr)_360px] gap-5 max-[1100px]:grid-cols-1">
         <div className="min-w-0">
           {session.user.role === UserRole.ERZIEHER && (