fix: correction layout matrice routing (affichage en grille)

- Ajout grid-template-columns dynamique basé sur nombre groupes
- Suppression display:contents qui causait le bug
- Utilisation de fragments React au lieu de div wrapper
- Matrice 1: 120px + N colonnes pour les groupes
- Matrice 2: 120px + 8 colonnes pour les outputs
- Nettoyage CSS classes inutilisées

client/src/components/AudioRoutingMatrix.css

@@ -41,20 +41,18 @@
 }
 
 .routing-matrix {
-  display: grid;
+  display: inline-grid;
   gap: 2px;
   background: var(--color-border);
   border: 1px solid var(--color-border);
   border-radius: 8px;
-  overflow: hidden;
+  overflow-x: auto;
+  max-width: 100%;
 }
 
 .matrix-corner {
   background: var(--color-surface-hover);
-}
-
-.matrix-header-row {
-  display: contents;
+  min-height: 50px;
 }
 
 .matrix-header-cell {
@@ -72,10 +70,6 @@
   hyphens: auto;
 }
 
-.matrix-row {
-  display: contents;
-}
-
 .matrix-label-cell {
   background: var(--color-surface-hover);
   padding: var(--spacing-sm);