fix: Preis-/Datumsformat an Kunden-Locale anpassen, Produktgalerie-LCP verbessern

- format.ts: formatPrice/formatDate/formatDateTime/formatMonthYear nehmen
  jetzt ein optionales Locale-Argument (Default "de" fuer unveraenderte
  Aufrufer wie Rechnungen/Admin) und formatieren fuer "en" als en-GB statt
  hart codiert als de-DE -- englischsprachige Kundschaft sah bisher trotz
  gewaehlter Sprache "9,90 €" und "10. Mai 2026" statt "€9.90"/"10 May 2026".
  Alle kundenseitigen Aufrufer (Produktseite, Warenkorb, Checkout, Bestell-
  verfolgung, Konto-Bestellungen, Ernten-/Chargenseiten, Live-Suchvorschlaege,
  Bestell-/Versand-E-Mails) reichen jetzt die aktive Locale durch.
- en.ts: openCart/shippingWithCount/shippingLabel pluralisieren "item(s)"
  jetzt korrekt (vorher z.B. "Open cart, 1 items").
- product-gallery.tsx: Haupt- und Vorschaubilder nutzen jetzt next/image
  statt <img> (hochgeladene Produktfotos sind immer same-origin unter
  /uploads/..., brauchen also keine remotePatterns-Konfiguration wie der
  entfernte Kommentar behauptete) -- Hauptbild mit priority/responsivem
  sizes, da es auf der Produktseite das wahrscheinlichste LCP-Element ist.
- content-image.tsx: neue optionale priority-Prop; hero.tsx setzt sie fuer
  das Startseiten-Hero-Bild (ebenfalls LCP-Kandidat).
- Sticky-Mobile-CTA-Leiste und useCartStock-Polling gegengeprueft: bereits
  korrekt (pb-28-Platzreservierung bzw. Fetch nur bei Warenkorb-Aenderung
  ohne Intervall) -- keine Aenderung noetig.

Verifiziert: tsc --noEmit clean, pnpm test (142/142 gruen), pnpm build erfolgreich.

src/components/product-card.tsx

@@ -173,7 +173,7 @@ export function ProductCard({
   /** Optional — nur die Shop-Uebersicht laedt Bewertungen gebuendelt fuer das ganze Raster. */
   reviewSummary?: { average: number | null; count: number };
 }) {
-  const { t } = useI18n();
+  const { t, locale } = useI18n();
   const stock = product.inventory?.quantity ?? 0;
 
   return (
@@ -229,11 +229,11 @@ export function ProductCard({
         <div className="mt-2 flex items-center justify-between">
           <span className="text-sm text-ink/65">{product.weightGrams} g</span>
           <span className="text-base text-forest">
-            {formatPrice(product.priceCents, product.currency)}
+            {formatPrice(product.priceCents, product.currency, locale)}
           </span>
         </div>
         <p className="text-xs text-ink/65">
-          {formatPricePerKg(product.pricePerKgCents, product.currency)}
+          {formatPricePerKg(product.pricePerKgCents, product.currency, locale)}
         </p>
         {stock > 0 ? (
           <AddToCartButton product={product} variant="secondary" className="mt-4" />