feat: adapt recipe surfaces for batch-cook sessions

- Recipes page action buttons reordered/restyled to push AI generation
  and batch cooking ahead of manual recipe creation.
- Recipe detail page hides meal/drink pairing (doesn't make sense for
  a multi-dish batch session).
- Print pages force light mode regardless of app theme (dark bg +
  hardcoded dark text was unreadable) and render sectioned steps +
  dishes/storage for batch-cook recipes.
- Markdown export mirrors the same sectioned structure.
- Cooking mode tags each step with which dish(es) it belongs to.
- Meal planner: mealPlanEntries.batchDishId lets a slot point at one
  specific dish within a batch session; picking a batch-cook recipe
  now prompts for which dish, and the grid shows the dish name.

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

apps/web/app/(app)/recipes/[id]/page.tsx

@@ -151,8 +151,12 @@ export default async function RecipePage({ params }: Params) {
               </Tooltip>
             )}
             <FavoriteButton recipeId={id} initialFavorited={isFavorited} />
-            <MealPairingButton recipeId={id} />
-            <DrinkPairingButton recipeId={id} />
+            {!recipe.isBatchCook && (
+              <>
+                <MealPairingButton recipeId={id} />
+                <DrinkPairingButton recipeId={id} />
+              </>
+            )}
             {recipe.visibility === "public" && (
               <Tooltip>
                 <TooltipTrigger render={
@@ -217,6 +221,8 @@ export default async function RecipePage({ params }: Params) {
                 sourceUrl: recipe.sourceUrl,
                 ingredients: recipe.ingredients,
                 steps: recipe.steps,
+                isBatchCook: recipe.isBatchCook,
+                batchDishes: recipe.batchDishes,
               })}
               filename={recipe.title}
             />