feat: Afficher la couleur des matières dans l'emploi du temps élève et parent

L'admin pouvait attribuer une couleur à chaque matière, mais cette
couleur n'était utilisée que dans la vue admin de l'emploi du temps.
Les APIs élève et parent ne renvoyaient pas cette information, ce qui
donnait un affichage générique (gris/bleu) pour tous les créneaux.

L'API renvoie désormais subjectColor dans chaque créneau, et les vues
jour/semaine/widget/détails affichent la bordure colorée correspondante.
Le marqueur "Prochain cours" conserve sa priorité visuelle via une
surcharge CSS variable.

frontend/tests/unit/lib/components/organisms/StudentSchedule/ScheduleWidget.test.ts

@@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/svelte';
 import ScheduleWidget from '$lib/components/organisms/StudentSchedule/ScheduleWidget.svelte';
 import type { ScheduleSlot } from '$lib/features/schedule/api/schedule';
 
-vi.mock('$lib/features/schedule/stores/scheduleCache', () => ({
+vi.mock('$lib/features/schedule/stores/scheduleCache.svelte', () => ({
 	isOffline: vi.fn(() => false),
 	getLastSyncDate: vi.fn(() => null)
 }));
@@ -17,6 +17,7 @@ function makeSlot(overrides: Partial<ScheduleSlot> = {}): ScheduleSlot {
 		endTime: '09:00',
 		subjectId: 'sub-1',
 		subjectName: 'Mathématiques',
+		subjectColor: null,
 		teacherId: 'teacher-1',
 		teacherName: 'M. Dupont',
 		room: 'Salle 101',
@@ -100,6 +101,16 @@ describe('ScheduleWidget', () => {
 		expect(container.querySelector('.slot-room')).toBeNull();
 	});
 
+	it('applies subject color as CSS variable on slot', () => {
+		const slot = makeSlot({ subjectColor: '#e74c3c' });
+		const { container } = render(ScheduleWidget, {
+			props: { slots: [slot], nextSlotId: null }
+		});
+
+		const item = container.querySelector('[data-testid="schedule-slot"]') as HTMLElement;
+		expect(item.style.getPropertyValue('--slot-color')).toBe('#e74c3c');
+	});
+
 	it('renders multiple slots with data-testid', () => {
 		const slots = [
 			makeSlot({ slotId: 'slot-1' }),