feat(r1.2): écrans web du référentiel — 7 écrans fidèles à maquette-r1

- Sites : liste + carte Leaflet/OSM réelle (pins maquette, positions
  PostGIS), création en modale avec position posée au clic sur la carte
- Fiche site : arbre site→zones, appareils rattachés, ajout de zone
- Ascenseurs : table dense, filtres site/statut, strie rouge à l'arrêt ;
  fiche appareil (organes ± ajout/retrait, statut, QR réel) ; création
  identité → rattachement → organes ; étiquette A6 imprimable (objet
  papier, window.print n'imprime qu'elle)
- Personnes & équipes : invitation → lien d'activation affiché à copier
  (pas d'email en R1, décision explicite), renvoi de lien, équipes ;
  page /activation (choix du mot de passe, connexion directe)
- Catégories : ajout, renommage inline, désactivation
- navigation et actions pilotées par la matrice (usePermissions) —
  l'API re-vérifie chaque requête
- e2e Playwright : recette R1 officielle rejouée intégralement (site →
  zone → appareil+organe → étiquette → invitation → activation) +
  parcours « la matrice pilote l'UI » ; purge idempotente en globalSetup
- alias Vite @siop/shared → source TS (exports nommés CJS ↯ workspace lié)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

apps/web/src/App.tsx

@@ -1,36 +1,43 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import type { ReactNode } from 'react';
 import { Coquille } from '@/layout/coquille';
+import PageActivation from '@/pages/activation';
+import PageAscenseurs from '@/pages/ascenseurs';
+import PageCategories from '@/pages/categories';
 import PageConnexion from '@/pages/connexion';
 import PageDesign from '@/pages/design';
+import PageEtiquette from '@/pages/etiquette';
+import PageFicheAscenseur from '@/pages/fiche-ascenseur';
+import PageFicheSite from '@/pages/fiche-site';
+import PageNouvelAscenseur from '@/pages/nouvel-ascenseur';
+import PagePersonnes from '@/pages/personnes';
+import PageSites from '@/pages/sites';
 import PageTableauDeBord from '@/pages/tableau-de-bord';
 
 const queryClient = new QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false } },
 });
 
+const dansCoquille = (page: ReactNode) => <Coquille>{page}</Coquille>;
+
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
         <Routes>
           <Route path="/connexion" element={<PageConnexion />} />
-          <Route
-            path="/"
-            element={
-              <Coquille>
-                <PageTableauDeBord />
-              </Coquille>
-            }
-          />
-          <Route
-            path="/design"
-            element={
-              <Coquille>
-                <PageDesign />
-              </Coquille>
-            }
-          />
+          <Route path="/activation" element={<PageActivation />} />
+          <Route path="/" element={dansCoquille(<PageTableauDeBord />)} />
+          <Route path="/design" element={dansCoquille(<PageDesign />)} />
+          <Route path="/sites" element={dansCoquille(<PageSites />)} />
+          <Route path="/sites/:id" element={dansCoquille(<PageFicheSite />)} />
+          <Route path="/ascenseurs" element={dansCoquille(<PageAscenseurs />)} />
+          <Route path="/ascenseurs/nouveau" element={dansCoquille(<PageNouvelAscenseur />)} />
+          <Route path="/ascenseurs/:id" element={dansCoquille(<PageFicheAscenseur />)} />
+          <Route path="/ascenseurs/:id/etiquette" element={dansCoquille(<PageEtiquette />)} />
+          <Route path="/personnes" element={dansCoquille(<PagePersonnes />)} />
+          <Route path="/categories" element={dansCoquille(<PageCategories />)} />
         </Routes>
       </BrowserRouter>
     </QueryClientProvider>