feat: Conversion CSS mobile-first des layouts et pages admin

L'ensemble du frontend utilisait un mix de @media (max-width) desktop-first
et @media (min-width) mobile-first, en contradiction avec la spec UX qui
impose une stratégie mobile-first radicale (78% des parents/élèves sur mobile).

Cette conversion uniformise les 8 fichiers restants vers @media (min-width)
avec les breakpoints de la spec UX (sm: 640px, md: 768px) pour garantir
une expérience progressive enhancement cohérente.

frontend/.gitignore

@@ -24,6 +24,7 @@ dist/
 /coverage/
 /playwright-report/
 /test-results/
+/test-results-debug/
 
 # =============================================================================
 # PWA