feat: Permettre au parent de consulter les devoirs de ses enfants

Les parents avaient accès à l'emploi du temps de leurs enfants mais
pas à leurs devoirs. Sans cette visibilité, ils ne pouvaient pas
accompagner efficacement le travail scolaire à la maison, notamment
identifier les devoirs urgents ou contacter l'enseignant en cas
de besoin.

Le parent dispose désormais d'une vue consolidée multi-enfants avec
filtrage par enfant et par matière, badges d'urgence différenciés
(en retard / aujourd'hui / pour demain), lien de contact enseignant
pré-rempli, et cache offline scopé par utilisateur.

frontend/src/lib/components/organisms/Dashboard/DashboardParent.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
 	import type { DemoData } from '$types';
 	import type { ScheduleSlot } from '$lib/features/schedule/api/schedule';
+	import type { StudentHomework } from '$lib/features/homework/api/studentHomework';
 	import { fetchChildDaySchedule } from '$lib/features/schedule/api/parentSchedule';
+	import { fetchChildrenHomework } from '$lib/features/homework/api/parentHomework';
 	import { recordSync } from '$lib/features/schedule/stores/scheduleCache.svelte';
 	import SerenityScorePreview from '$lib/components/molecules/SerenityScore/SerenityScorePreview.svelte';
 	import SerenityScoreExplainer from '$lib/components/molecules/SerenityScore/SerenityScoreExplainer.svelte';
@@ -69,13 +71,41 @@
 		}
 	}
 
-	// Load schedule when selectedChildId changes
+	// Homework widget state
+	let parentHomeworks = $state<StudentHomework[]>([]);
+	let homeworkLoading = $state(false);
+
+	async function loadHomeworks() {
+		homeworkLoading = true;
+
+		try {
+			const children = await fetchChildrenHomework();
+			parentHomeworks = children.flatMap((c) => c.homework);
+		} catch {
+			// Silently fail on dashboard widget
+		} finally {
+			homeworkLoading = false;
+		}
+	}
+
+	function formatShortDate(dateStr: string): string {
+		const date = new Date(dateStr + 'T00:00:00');
+		return date.toLocaleDateString('fr-FR', { day: 'numeric', month: 'short' });
+	}
+
+	// Load schedule and homework when selectedChildId changes
 	$effect(() => {
 		if (isParent && selectedChildId) {
 			loadChildSchedule(selectedChildId);
 		}
 	});
 
+	$effect(() => {
+		if (isParent) {
+			loadHomeworks();
+		}
+	});
+
 	let showExplainer = $state(false);
 
 	const isDemo = $derived(!hasRealData);
@@ -181,10 +211,29 @@
 		<!-- Devoirs Section -->
 		<DashboardSection
 			title="Devoirs à venir"
-			isPlaceholder={!hasRealData}
+			isPlaceholder={!isParent && !hasRealData}
 			placeholderMessage="Les devoirs seront affichés ici une fois assignés"
 		>
-			{#if hasRealData}
+			{#if isParent}
+				{#if homeworkLoading}
+					<SkeletonList items={3} message="Chargement des devoirs..." />
+				{:else if parentHomeworks.length === 0}
+					<p class="empty-homework">Aucun devoir à venir</p>
+				{:else}
+					<ul class="homework-list">
+						{#each parentHomeworks.slice(0, 5) as homework}
+							<li class="homework-item" style:border-left-color={homework.subjectColor ?? '#3b82f6'}>
+								<span class="homework-subject" style:color={homework.subjectColor ?? '#3b82f6'}>{homework.subjectName}</span>
+								<span class="homework-title">{homework.title}</span>
+								<span class="homework-due">Pour le {formatShortDate(homework.dueDate)}</span>
+							</li>
+						{/each}
+					</ul>
+					<a href="/dashboard/parent-homework" class="view-all-link">
+						Voir tous les devoirs →
+					</a>
+				{/if}
+			{:else if hasRealData}
 				{#if isLoading}
 					<SkeletonList items={3} message="Chargement des devoirs..." />
 				{:else}
@@ -416,4 +465,27 @@
 		background: #fee2e2;
 		color: #991b1b;
 	}
+
+	.view-all-link {
+		display: block;
+		text-align: center;
+		margin-top: 0.5rem;
+		padding: 0.5rem;
+		font-size: 0.875rem;
+		font-weight: 500;
+		color: #3b82f6;
+		text-decoration: none;
+	}
+
+	.view-all-link:hover {
+		color: #2563eb;
+		text-decoration: underline;
+	}
+
+	.empty-homework {
+		text-align: center;
+		padding: 1rem;
+		color: #6b7280;
+		font-size: 0.875rem;
+	}
 </style>