UI: 管理配方界面优化

- 取消改为预览按钮 + ✕关闭
- 去掉配方行的owner显示和铅笔编辑按钮（点击行即编辑）
- 搜索框和新增按钮合并到一行，紧凑排版
- 参考比例显示"约为X滴，现在为Y滴"（实际数据）

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/RecipeDetailOverlay.vue

@@ -165,7 +165,7 @@
             <select v-model.number="dilutionRatio" class="editor-select" style="width:60px">
               <option v-for="n in [3,4,5,6,7,8,9,10,12,15,20]" :key="n" :value="n">{{ n }}</option>
             </select>
-            <span class="ratio-hint">纯精油总数约为 {{ editorSuggestedEo }} 滴</span>
+            <span class="ratio-hint">纯精油总数约为 {{ editorSuggestedEo }} 滴，现在为 {{ editorEoDrops }} 滴</span>
           </div>
         </div>