fix: presigned upload URLs, card badge alignment, filter menu UX, floating save

- Presigned upload URLs were signed against STORAGE_ENDPOINT (the
  internal docker hostname, e.g. http://minio:9000) instead of a
  browser-reachable URL — uploads/edits with photos were broken in
  prod. Now signed with a separate client bound to STORAGE_PUBLIC_URL,
  which also needed threading through as a Docker build arg (CSP
  headers are computed at build time) and into compose.prod.yml/
  .env.production (gitignored, not committed).
- recipe-form.tsx used the wrong i18n namespace for the visibility
  label (t("recipeForm") instead of t_recipe("recipe")), causing
  MISSING_MESSAGE in French.
- Compact recipe-list view: batch-cook rows showed no dish count, and
  the date/difficulty columns shifted per-row depending on whether a
  difficulty badge was present — reserved a fixed-width slot for it.
- All three card icon badges (batch-cook, favorite, visibility) now
  share the same muted color instead of the batch badge standing out.
- Recipes filter dropdown: clicking a filter option closed the whole
  menu, and the tag text input couldn't be typed into (the menu's
  roving-focus/type-ahead handling was intercepting keystrokes) — menu
  items now stay open on click, and the tag input stops event
  propagation so it behaves like a normal text field.
- Recipe form: added a floating save/cancel bar so long recipes don't
  require scrolling back down to save.

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

apps/web/components/recipe/recipes-header.tsx

@@ -27,7 +27,13 @@ function TagFilterInput({ value, onChange }: { value: string; onChange: (v: stri
     <input
       value={local}
       onChange={(e) => setLocal(e.target.value)}
-      onKeyDown={(e) => { if (e.key === "Enter") onChange(local); }}
+      onKeyDown={(e) => {
+        // Stop the dropdown menu's own keydown handling (roving focus / type-ahead
+        // search) from intercepting keystrokes meant for this plain text input.
+        e.stopPropagation();
+        if (e.key === "Enter") onChange(local);
+      }}
+      onClick={(e) => e.stopPropagation()}
       onBlur={() => onChange(local)}
       placeholder={t("filterByTag")}
       className="w-full h-7 px-2 text-sm rounded-md border border-input bg-background focus:outline-none focus:ring-1 focus:ring-ring"
@@ -217,6 +223,7 @@ export function RecipesHeader({
                 {Object.entries(VISIBILITY_KEYS).map(([value, key]) => (
                   <DropdownMenuItem
                     key={value}
+                    closeOnClick={false}
                     onClick={() => pushParams({ visibility: value })}
                     className={cn(initialVisibility === value && "font-medium text-primary")}
                   >
@@ -230,6 +237,7 @@ export function RecipesHeader({
                 {Object.entries(DIFFICULTY_KEYS).map(([value, key]) => (
                   <DropdownMenuItem
                     key={value}
+                    closeOnClick={false}
                     onClick={() => pushParams({ difficulty: value })}
                     className={cn(initialDifficulty === value && "font-medium text-primary")}
                   >
@@ -253,6 +261,7 @@ export function RecipesHeader({
                 {Object.entries(BATCH_COOK_KEYS).map(([value, key]) => (
                   <DropdownMenuItem
                     key={value}
+                    closeOnClick={false}
                     onClick={() => pushParams({ batchCook: value })}
                     className={cn(initialBatchCook === value && "font-medium text-primary")}
                   >