Add Navigation component and integrate it into multiple pages for consistent navigation

frontend/app/recipes/create/CreateRecipePage.tsx

@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation';
 import { fetchJson } from '../../../lib/api';
 import { parseErrorResponse } from '../../../lib/error-handler';
 import type { Product } from '../../../features/inventory/types';
+import Navigation from '../../Navigation';
 
 const MARKDOWN_HELP = `
 **Fetstil:** **text** eller __text__
@@ -136,6 +137,7 @@ export default function CreateRecipePage() {
 
   return (
     <main style={{ padding: '1rem', maxWidth: '1000px', margin: '0 auto' }}>
+      <Navigation />
       <h1 style={{ marginBottom: '1rem' }}>Lägg till nytt recept</h1>
 
       {error && <p style={{ color: 'crimson', backgroundColor: '#ffe5e5', padding: '0.75rem', borderRadius: '4px', marginBottom: '1rem' }}>{error}</p>}