feat: enhance PantryList and BaslagerPage to support inventory display and improve recipe grid layout

frontend/app/recipes/write/WriteRecipePage.tsx

@@ -33,7 +33,7 @@ type ParseResult = {
   ingredients: ParsedIngredientRow[];
 };
 
-type Step = 'input' | 'review' | 'saving';
+type Step = 'input' | 'review' | 'saving' | 'saved';
 
 export default function WriteRecipePage() {
   const router = useRouter();
@@ -201,7 +201,9 @@ export default function WriteRecipePage() {
         throw new Error(errorMessage);
       }
 
-      router.push('/recipes');
+      setStep('saved');
+      router.refresh();
+      setTimeout(() => router.push('/recipes'), 2000);
     } catch (err) {
       const message = err instanceof Error ? err.message : 'Något gick fel vid sparning.';
       setError(message);
@@ -589,6 +591,26 @@ Stek löken i lite smör. Tillsätt köttfärsen...`}</pre>
           </div>
         </section>
       )}
+
+      {/* SPARAT */}
+      {step === 'saved' && (
+        <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: '3rem',
+          gap: '1rem',
+          background: '#f0fdf4',
+          border: '1px solid #86efac',
+          borderRadius: '8px',
+          textAlign: 'center',
+        }}>
+          <div style={{ fontSize: '3rem' }}>✓</div>
+          <h2 style={{ margin: 0, color: '#166534' }}>Receptet sparades!</h2>
+          <p style={{ margin: 0, color: '#15803d' }}>Du skickas strax till receptlistan...</p>
+        </div>
+      )}
     </main>
   );
 }