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/src/routes/dashboard/+layout.svelte

@@ -91,7 +91,10 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		height: 64px;
+		flex-wrap: wrap;
+		height: auto;
+		padding: 0.75rem 0;
+		gap: 0.75rem;
 	}
 
 	.logo-button {
@@ -110,7 +113,10 @@
 	.header-nav {
 		display: flex;
 		align-items: center;
-		gap: 1rem;
+		width: 100%;
+		justify-content: flex-end;
+		flex-wrap: wrap;
+		gap: 0.5rem;
 	}
 
 	.nav-link {
@@ -186,7 +192,7 @@
 
 	.dashboard-main {
 		flex: 1;
-		padding: 1.5rem;
+		padding: 1rem;
 	}
 
 	.main-content {
@@ -200,23 +206,23 @@
 		}
 	}
 
-	@media (max-width: 768px) {
+	@media (min-width: 768px) {
 		.header-content {
-			flex-wrap: wrap;
-			height: auto;
-			padding: 0.75rem 0;
-			gap: 0.75rem;
+			flex-wrap: nowrap;
+			height: 64px;
+			padding: 0;
+			gap: 0;
 		}
 
 		.header-nav {
-			width: 100%;
-			justify-content: flex-end;
-			flex-wrap: wrap;
-			gap: 0.5rem;
+			width: auto;
+			flex-wrap: nowrap;
+			gap: 1rem;
+			justify-content: flex-start;
 		}
 
 		.dashboard-main {
-			padding: 1rem;
+			padding: 1.5rem;
 		}
 	}
 </style>