feat(ui): 重构 SearchBar、集成 useScrollTitle 标题滚动显示、修复专辑搜索跳转

- 重新设计 SearchBar：左侧 Tab（播放列表/MV/排行榜）+ 滑动指示器 + 搜索框自动展开收缩
- 新增 navTitle store 和 useScrollTitle hook，支持页面滚动后在 SearchBar 显示标题
- 集成 useScrollTitle 到 MusicListPage、歌手详情、关注/粉丝列表、搜索结果页
- 修复搜索结果页专辑点击跳转失败（缺失 type 字段）
- 新增 5 种语言 searchBar tab i18n 键值

src/renderer/views/artist/detail.vue

@@ -100,6 +100,7 @@
                     </span>
                   </div>
                   <h1
+                    ref="titleElRef"
                     class="artist-name text-3xl md:text-4xl lg:text-5xl font-bold text-neutral-900 dark:text-white tracking-tight"
                   >
                     {{ artistInfo.name }}
@@ -434,6 +435,7 @@ import { getMusicDetail } from '@/api/music';
 import { navigateToMusicList } from '@/components/common/MusicListNavigator';
 import PlayBottom from '@/components/common/PlayBottom.vue';
 import SongItem from '@/components/common/SongItem.vue';
+import { useScrollTitle } from '@/hooks/useScrollTitle';
 import router from '@/router';
 import { usePlayerStore } from '@/store';
 import { IArtist } from '@/types/artist';
@@ -465,6 +467,10 @@ const artistInfo = ref<IArtist>();
 const songs = ref<any[]>([]);
 const albums = ref<any[]>([]);
 
+const titleElRef = ref<HTMLElement | null>(null);
+const artistTitle = computed(() => artistInfo.value?.name ?? '');
+useScrollTitle(artistTitle, titleElRef);
+
 // 加载状态
 const loading = ref(false);
 const songLoading = ref(false);