fix: prevent infinite effect loop in recipe translation workflow

Convert recipe data functions to $derived reactive variables to prevent
infinite $effect loops. Previously, calling functions inline in component
props created new objects on every reactive check, causing the
TranslationApproval component's syncBaseRecipeReferences $effect to run
continuously, resulting in the translation workflow hanging.

src/routes/[recipeLang=recipeLang]/edit/[name]/+page.svelte

@@ -103,8 +103,8 @@
 		return season;
 	}
 
-	// Get current German recipe data
-	function getCurrentRecipeData() {
+	// Get current German recipe data - use $derived to prevent infinite effect loops
+	let currentRecipeData = $derived.by(() => {
 		// Ensure we always have a valid images array with at least one item
 		let recipeImages;
 		if (uploaded_image_filename) {
@@ -142,11 +142,11 @@
 			note,
 			isBaseRecipe,
 		};
-	}
+	});
 
 	// Detect which fields have changed from the original
 	function detectChangedFields(): string[] {
-		const current = getCurrentRecipeData();
+		const current = currentRecipeData;
 		const changed: string[] = [];
 
 		const fieldsToCheck = [
@@ -486,7 +486,7 @@
 {#if showTranslationWorkflow}
 	<div id="translation-section">
 		<TranslationApproval
-			germanData={getCurrentRecipeData()}
+			germanData={currentRecipeData}
 			englishData={translationData}
 			changedFields={changedFields}
 			isEditMode={true}