fix: mobile layout fixes, i18n coverage, and recipe share link

Mobile:
- Recipes search bar full-width on mobile instead of capped narrow
- Cook mode ingredients panel stacks above the step instead of
  squeezing it into a narrow column
- Version history Compare/Restore buttons wrap onto their own row
- Recipe edit ingredient fields wrap instead of forcing horizontal
  scroll on narrow viewports

i18n: translates remaining hardcoded strings across recipes
filter/sort, adapt-recipe and AI variations dialogs, the full
settings section (sidebar + 6 sub-pages + BYOK/model-prefs/
API-keys/webhooks managers), explore tab, collections (new/fork/
share dialogs), meal planning (planner, AI generation phases, new
shopping list, shared-plan view), photo import, recipe bulk-select
toolbar, and recipe action-button tooltips. Also fixes the recipes
page subtitle, which wasn't just unworded but missing its {count}
interpolation entirely — it always rendered as the bare word
"results" regardless of how many recipes existed.

Feature: adds a ShareRecipeButton that copies the public /r/{id}
link to the clipboard, with a notice when the recipe isn't Public
yet.

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

apps/web/components/meal-plan/new-shopping-list-button.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import { useTranslations } from "next-intl";
 import { Plus, ShoppingCart } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
@@ -10,6 +11,8 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
 export function NewShoppingListButton() {
+  const t = useTranslations("mealPlan");
+  const tCommon = useTranslations("common");
   const router = useRouter();
   const [open, setOpen] = useState(false);
   const [name, setName] = useState("");
@@ -28,9 +31,9 @@ export function NewShoppingListButton() {
           fromMealPlanWeek: weekStart || undefined,
         }),
       });
-      if (!res.ok) { toast.error("Failed to create"); return; }
+      if (!res.ok) { toast.error(t("listCreateFailed")); return; }
       const { id } = await res.json() as { id: string };
-      toast.success("List created");
+      toast.success(t("listCreated"));
       setOpen(false);
       setName(""); setWeekStart("");
       router.push(`/shopping-lists/${id}`);
@@ -42,24 +45,24 @@ export function NewShoppingListButton() {
   return (
     <>
       <Button size="sm" onClick={() => setOpen(true)}>
-        <Plus className="h-4 w-4" /> New list
+        <Plus className="h-4 w-4" /> {t("newList")}
       </Button>
       <Dialog open={open} onOpenChange={setOpen}>
         <DialogContent className="max-w-md">
-          <DialogHeader><DialogTitle>New shopping list</DialogTitle></DialogHeader>
+          <DialogHeader><DialogTitle>{t("newListTitle")}</DialogTitle></DialogHeader>
           <div className="space-y-4">
             <div className="space-y-2">
-              <Label>Name</Label>
-              <Input value={name} onChange={(e) => setName(e.target.value)} placeholder="Weekly groceries" />
+              <Label>{t("listNameLabel")}</Label>
+              <Input value={name} onChange={(e) => setName(e.target.value)} placeholder={t("listNamePlaceholder")} />
             </div>
             <div className="space-y-2">
-              <Label>Generate from meal plan week (optional)</Label>
+              <Label>{t("generateFromWeek")}</Label>
               <Input type="date" value={weekStart} onChange={(e) => setWeekStart(e.target.value)} />
-              <p className="text-xs text-muted-foreground">Picks Monday of the selected week</p>
+              <p className="text-xs text-muted-foreground">{t("generateFromWeekHint")}</p>
             </div>
             <div className="flex gap-2 justify-end">
-              <Button variant="outline" onClick={() => setOpen(false)}>Cancel</Button>
-              <Button onClick={create} disabled={!name.trim() || saving}>{saving ? "Creating…" : "Create"}</Button>
+              <Button variant="outline" onClick={() => setOpen(false)}>{tCommon("cancel")}</Button>
+              <Button onClick={create} disabled={!name.trim() || saving}>{saving ? t("listCreating") : t("listCreate")}</Button>
             </div>
           </div>
         </DialogContent>