fix(recipes): address B2 review — tags, sort, edit link, types, a11y, tests

- RecipeHero: render tag pills, min-h-[200px/240px], fix back link styling, remove font-[400]
- IngredientList: sort by sortOrder ascending
- StepList: aria-hidden on step circles
- types.ts: add Tag, Ingredient, Step, RecipeDetail shared types
- +page.svelte: add Edit link → /recipes/[id]/edit (desktop topbar)
- Tests: tag pills, sortOrder sort, edit link, image variant, 403-as-404 documented

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

frontend/src/lib/recipes/IngredientList.svelte

@@ -1,13 +1,11 @@
 <script lang="ts">
-	type Ingredient = {
-		ingredientId?: string;
-		name?: string;
-		quantity?: number;
-		unit?: string;
-		sortOrder?: number;
-	};
+	import type { Ingredient } from './types';
 
 	let { ingredients }: { ingredients: Ingredient[] } = $props();
+
+	const sortedIngredients = $derived(
+		[...ingredients].sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0))
+	);
 </script>
 
 <section>
@@ -18,7 +16,7 @@
 	</h2>
 
 	<ul>
-		{#each ingredients as ingredient (ingredient.ingredientId ?? ingredient.name)}
+		{#each sortedIngredients as ingredient (ingredient.ingredientId ?? ingredient.name)}
 			<li class="flex items-baseline gap-[12px] py-[8px] border-b border-[var(--color-border)] last:border-b-0">
 				{#if ingredient.quantity != null}
 					<span class="text-[13px] font-medium text-[var(--color-text)] w-[80px] shrink-0">