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/byok-manager.tsx

@@ -76,7 +76,7 @@ export function ByokManager({ initialKeys }: { initialKeys: string[] }) {
               <div className="flex items-center gap-2 flex-1">
                 <Badge variant="secondary" className="gap-1">
                   <Check className="h-3 w-3" />
-                  Configured
+                  {t("byokConfigured")}
                 </Badge>
                 <Button
                   variant="ghost"
@@ -89,7 +89,7 @@ export function ByokManager({ initialKeys }: { initialKeys: string[] }) {
                 </Button>
               </div>
             ) : isOllama ? (
-              <span className="text-sm text-muted-foreground">Set via OLLAMA_BASE_URL env var</span>
+              <span className="text-sm text-muted-foreground">{t("byokOllamaHint")}</span>
             ) : (
               <div className="flex items-center gap-2 flex-1">
                 <Input
@@ -106,7 +106,7 @@ export function ByokManager({ initialKeys }: { initialKeys: string[] }) {
                   disabled={saving === p.id || !inputs[p.id]?.trim()}
                   onClick={() => { void saveKey(p.id); }}
                 >
-                  {saving === p.id ? "Saving…" : "Save"}
+                  {saving === p.id ? t("byokSaving") : t("byokSave")}
                 </Button>
               </div>
             )}
@@ -114,7 +114,7 @@ export function ByokManager({ initialKeys }: { initialKeys: string[] }) {
         );
       })}
       <p className="text-xs text-muted-foreground">
-        Your keys are encrypted at rest. When set, they override the app&apos;s default keys for your account.
+        {t("byokFooter")}
       </p>
     </div>
   );