Add CreateRecipePage component for recipe creation with ingredients. Updated UX

frontend/app/admin/products/page.tsx

@@ -2,13 +2,31 @@ import { fetchJson } from '../../../lib/api';
 import type { Product } from '../../../features/inventory/types';
 import CanonicalNameForm from './CanonicalNameForm';
 import MergePreviewForm from './MergePreviewForm';
+import Link from 'next/link';
 
 export default async function AdminProductsPage() {
   const products = await fetchJson<Product[]>('/api/products');
 
   return (
     <main style={{ padding: '1.5rem', maxWidth: '1100px', margin: '0 auto' }}>
-      <h1>Admin: Produkter</h1>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1.5rem' }}>
+        <h1 style={{ margin: 0 }}>Admin: Produkter</h1>
+        <Link
+          href="/recipes/create"
+          style={{
+            padding: '0.5rem 1rem',
+            background: '#0070f3',
+            color: 'white',
+            borderRadius: '4px',
+            textDecoration: 'none',
+            fontWeight: 500,
+            fontSize: '1rem',
+            transition: 'background 0.2s',
+          }}
+        >
+          Lägg till nytt recept
+        </Link>
+      </div>
       <p>Här kan du granska och standardisera produktnamn.</p>
 
       <MergePreviewForm products={products} />