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/settings/settings-sidebar.tsx

@@ -2,26 +2,28 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { useTranslations } from "next-intl";
 import { User, Shield, Bot, Bell, Apple, Key, Webhook } from "lucide-react";
 import { cn } from "@/lib/utils";
 
 const NAV_ITEMS = [
-  { href: "/settings", label: "Profile", icon: User, exact: true },
-  { href: "/settings/security", label: "Security", icon: Shield },
-  { href: "/settings/ai", label: "AI & Models", icon: Bot },
-  { href: "/settings/notifications", label: "Notifications", icon: Bell },
-  { href: "/settings/nutrition", label: "Nutrition", icon: Apple },
-  { href: "/settings/api-keys", label: "API Keys", icon: Key },
-  { href: "/settings/webhooks", label: "Webhooks", icon: Webhook },
-];
+  { href: "/settings", key: "profile", icon: User, exact: true },
+  { href: "/settings/security", key: "security", icon: Shield, exact: false },
+  { href: "/settings/ai", key: "aiModels", icon: Bot, exact: false },
+  { href: "/settings/notifications", key: "notifications", icon: Bell, exact: false },
+  { href: "/settings/nutrition", key: "nutrition", icon: Apple, exact: false },
+  { href: "/settings/api-keys", key: "apiKeys", icon: Key, exact: false },
+  { href: "/settings/webhooks", key: "webhooks", icon: Webhook, exact: false },
+] as const;
 
 export function SettingsSidebar() {
   const pathname = usePathname();
+  const t = useTranslations("settings");
 
   return (
     <nav className="w-48 shrink-0 sticky top-6">
       <ul className="space-y-0.5">
-        {NAV_ITEMS.map(({ href, label, icon: Icon, exact }) => {
+        {NAV_ITEMS.map(({ href, key, icon: Icon, exact }) => {
           const active = exact ? pathname === href : pathname.startsWith(href);
           return (
             <li key={href}>
@@ -35,7 +37,7 @@ export function SettingsSidebar() {
                 )}
               >
                 <Icon className="h-4 w-4 shrink-0" />
-                {label}
+                {t(key)}
               </Link>
             </li>
           );