Fix image upload in add product form

src/components/admin/MenuEditor.jsx

@@ -165,6 +165,13 @@ export default function MenuEditor() {
               {['Entradas', 'Bebidas', 'Fuertes', 'Postres', 'Pizzas', 'Combos'].map(c => <option key={c} value={c}>{c}</option>)}
             </select>
           </div>
+          <div>
+            <label style={labelStyle}>Imagen del Platillo</label>
+            <label style={{ ...inputStyle, display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '0.5rem', cursor: 'pointer', background: formData.image ? 'rgba(76,217,100,0.1)' : 'rgba(255,255,255,0.05)', color: formData.image ? 'var(--success)' : '#fff', border: formData.image ? '1px solid var(--success)' : '1px solid var(--border-subtle)' }}>
+              <Upload size={18} /> {uploading ? 'Subiendo...' : (formData.image ? '¡Imagen Lista!' : 'Subir Imagen')}
+              <input type="file" hidden onChange={e => handleImageUpload(e, false)} accept="image/*" />
+            </label>
+          </div>
           <div style={{ display: 'flex', gap: '0.5rem' }}>
             <button type="button" onClick={() => addIngredientToProduct(false)} className="btn-glass" style={{ flex: 1, padding: '0.8rem' }}>
               <ListTree size={18} /> Insumos