feat: Réorganiser la navigation admin en catégories pour améliorer l'UX mobile-first

Le menu d'administration contenait 13 liens à plat dans le header, ce qui
débordait sur desktop et rendait le drawer mobile trop long à scanner.

Les liens sont maintenant regroupés en 4 catégories (Personnes, Organisation,
Année scolaire, Paramètres) avec des dropdowns au survol sur desktop et des
accordéons repliables dans le drawer mobile. Le nombre d'éléments visibles
passe de 13 à 5 (1 lien direct + 4 catégories), la catégorie active
s'auto-déplie dans le menu mobile.

frontend/e2e/periods.spec.ts

@@ -288,8 +288,10 @@ test.describe('Periods Management (Story 2.3)', () => {
 			await loginAsAdmin(page);
 			await page.goto(`${ALPHA_URL}/admin`);
 
-			// Click on periods link in the admin navigation
-			await page.getByRole('link', { name: /périodes/i }).click();
+			// Hover "Année scolaire" category to reveal dropdown
+			const nav = page.locator('.desktop-nav');
+			await nav.getByRole('button', { name: /année scolaire/i }).hover();
+			await nav.getByRole('menuitem', { name: /périodes/i }).click();
 
 			await expect(page).toHaveURL(/\/admin\/academic-year\/periods/);
 			await expect(page.getByRole('heading', { name: /périodes scolaires/i })).toBeVisible();