Enhance form styling and add Markdown help toggle in recipe creation and editing pages. Enhance form and styling on other pages aswell.

frontend/app/inventory/ProductForm.tsx

@@ -36,19 +36,40 @@ export default function ProductForm() {
     >
       <h2 style={{ margin: 0 }}>Skapa produkt</h2>
 
-      <label>
+      <label style={{ display: 'block', marginBottom: '0.5rem', fontWeight: 600 }}>
         Produktnamn
-        <br />
-        <input
-          name="name"
-          type="text"
-          required
-          placeholder="Till exempel Rödkål"
-          style={{ width: '100%', padding: '0.5rem' }}
-        />
       </label>
+      <input
+        name="name"
+        type="text"
+        required
+        placeholder="Till exempel Rödkål"
+        style={{ 
+          width: '100%', 
+          padding: '0.75rem',
+          border: '1px solid #ddd',
+          borderRadius: '4px',
+          fontSize: '1rem',
+          boxSizing: 'border-box',
+          minHeight: '44px',
+        }}
+      />
 
-      <button type="submit" disabled={isPending} style={{ padding: '0.75rem' }}>
+      <button 
+        type="submit" 
+        disabled={isPending} 
+        style={{ 
+          padding: '0.75rem 1.5rem',
+          background: '#0070f3',
+          color: 'white',
+          border: 'none',
+          borderRadius: '4px',
+          cursor: 'pointer',
+          fontSize: '1rem',
+          minHeight: '44px',
+          fontWeight: 600,
+        }}
+      >
         {isPending ? 'Sparar...' : 'Skapa produkt'}
       </button>