fix: 搜索过滤收藏、拼音首字母匹配、清除图片、滑动切换、通知已读

1. 搜索时收藏配方也按关键词过滤，不匹配的隐藏
2. 编辑配方添加精油时支持拼音首字母匹配（如xyc→薰衣草）
3. 品牌设置页清除图片立即保存到后端，不需点保存按钮
4. 左右滑动切换tab，轮播区域内滑动切换图片不触发tab切换
5. 通知列表每条未读通知加"已读"按钮，调用POST /api/notifications/{id}/read

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

frontend/src/components/RecipeDetailOverlay.vue

@@ -355,6 +355,7 @@ import { useDiaryStore } from '../stores/diary'
 import { api } from '../composables/useApi'
 import { showConfirm, showPrompt } from '../composables/useDialog'
 import { oilEn, recipeNameEn } from '../composables/useOilTranslation'
+import { matchesPinyinInitials } from '../composables/usePinyinMatch'
 // TagPicker replaced with inline tag editing
 
 const props = defineProps({
@@ -751,7 +752,7 @@ const filteredOilsForAdd = computed(() => {
   if (!q) return oilsStore.oilNames
   return oilsStore.oilNames.filter(n => {
     const en = oilEn(n).toLowerCase()
-    return n.includes(q) || en.startsWith(q) || en.includes(q)
+    return n.includes(q) || en.startsWith(q) || en.includes(q) || matchesPinyinInitials(n, q)
   })
 })