style(planning): répartit la largeur du dialogue par rapport à lui-même

.recipes-page__catalog dimensionne son panneau de détail avec
minmax(35vw, 38vw) — une fraction du *viewport*, cohérent sur /recettes
(cette grille occupe quasiment toute la page) mais sans rapport avec ce
dialogue, désormais de largeur fixe (92vw plafonné à 75rem, voir commit
précédent) : à un viewport large, 38vw dépasse largement la largeur réelle
du dialogue et déséquilibre la répartition liste/détail.

Remplacé, sous .recipe-picker-dialog uniquement, par un ratio 3fr/2fr
relatif au dialogue lui-même — la répartition (60/40) reste identique
quelle que soit la largeur de l'écran, vérifié en direct à 1280px et
1600px de large (ratio mesuré 1.50 dans les deux cas).

pnpm --filter web build — propre.

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

apps/web/src/features/planning/recipe-picker-dialog.scss

@@ -44,6 +44,17 @@
     flex: 1;
     min-height: 0;
   }
+
+  // `.recipes-page__catalog`'s own column split (recipes.scss) sizes the
+  // detail pane with `minmax(35vw, 38vw)` — a fraction of the *viewport*,
+  // which tracked `/recettes`' own width there (that grid spans nearly the
+  // whole page) but has nothing to do with this dialog's width, now a
+  // fixed 92vw/75rem of its own. Overridden here as a fraction of the
+  // dialog itself instead, so the two panes stay proportionate to each
+  // other regardless of viewport size.
+  .recipes-page__catalog {
+    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
+  }
 }
 
 .recipe-picker__filters {