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/components/recipe/recipes-header.tsx

@@ -122,19 +122,19 @@ export function RecipesHeader({
             </p>
           </div>
           <div className="flex flex-wrap items-center gap-2">
+            <Button size="sm" className="gap-1.5" onClick={() => setAiOpen(true)}>
+              <Sparkles className="h-4 w-4" />
+              {t("generate")}
+            </Button>
             <Link href="/batch-cooking" className={cn(buttonVariants({ variant: "outline", size: "sm" }), "gap-1.5")}>
               <ChefHat className="h-4 w-4" />
               {t("batchCooking")}
             </Link>
-            <Button variant="ghost" size="sm" onClick={() => setUrlOpen(true)}>
+            <Button variant="outline" size="sm" className="gap-1.5" onClick={() => setUrlOpen(true)}>
               <Link2 className="h-4 w-4" />
               {t("importUrl")}
             </Button>
-            <Button variant="ghost" size="sm" onClick={() => setAiOpen(true)}>
-              <Sparkles className="h-4 w-4" />
-              {t("generate")}
-            </Button>
-            <Link href="/recipes/new" className={cn(buttonVariants({ size: "sm" }))}>
+            <Link href="/recipes/new" className={cn(buttonVariants({ variant: "ghost", size: "sm" }), "gap-1.5")}>
               <PlusCircle className="h-4 w-4" />
               {t("new")}
             </Link>