fix: Agenda-Breite im Home-Sidebar füllt volle 300px

- DayAgenda: fullWidth-Prop ergänzt (setzt .agendaFull → width: 100%)
- Im Kalender-Tab bleibt die Agenda bei 260px (flex-shrink: 0)
- HomeSidebar übergibt fullWidth, sodass die Agenda den Sidebar
  lückenlos ausfüllt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

packages/frontend/src/shell/DashboardCalendarTab.module.css

@@ -518,6 +518,11 @@
   overflow: hidden;
 }
 
+/* Im Home-Sidebar: Agenda füllt volle Breite des Containers */
+.agendaFull {
+  width: 100%;
+}
+
 .agendaHeader {
   display: flex;
   flex-direction: column;

packages/frontend/src/shell/DashboardCalendarTab.tsx

@@ -75,14 +75,16 @@ function eventColor(id: string): string {
 export function DayAgenda({
   day,
   events,
+  fullWidth = false,
 }: {
   day: Date;
   events: M365CalendarEvent[];
+  fullWidth?: boolean;
 }) {
   const dayEvents = getEventsForDay(events, day);
 
   return (
-    <aside className={styles.agenda}>
+    <aside className={`${styles.agenda}${fullWidth ? ` ${styles.agendaFull}` : ''}`}>
       <div className={styles.agendaHeader}>
         <span className={styles.agendaWeekday}>
           {day.toLocaleDateString('de-DE', { weekday: 'long' })}

packages/frontend/src/shell/DashboardPage.tsx

@@ -217,7 +217,7 @@ function HomeSidebar() {
           ? <p style={{ fontSize: '0.875rem', color: 'var(--color-text-muted)', marginTop: '0.5rem' }}>
               Kalender wird geladen…
             </p>
-          : <DayAgenda day={today} events={events} />
+          : <DayAgenda day={today} events={events} fullWidth />
       )}
     </div>
   );