✨ feat: 更新依赖和配置，增强开发体验

- 在 electron.vite.config.ts 中启用 Vue DevTools 插件
- 更新 package.json 中多个依赖版本，确保兼容性和性能
- 调整 tsconfig.node.json 的配置，优化模块解析
- 删除不再使用的组件 PlaylistType.vue、RecommendAlbum.vue、RecommendSinger.vue 和 RecommendSonglist.vue
- 在请求处理逻辑中改进错误日志输出，使用 console.error 替代 console.log
- 在首页视图中替换推荐歌手组件为顶部横幅组件

这些更改旨在提升开发效率和用户体验，确保项目的稳定性和可维护性。

src/renderer/components/home/RecommendSonglist.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="recommend-music">
+    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
+      {{ t('comp.recommendSonglist.title') }}
+    </div>
+    <div
+      v-show="recommendMusic?.result"
+      v-loading="loading"
+      class="recommend-music-list"
+      :class="setAnimationClass('animate__bounceInUp')"
+    >
+      <!-- 推荐音乐列表 -->
+      <template v-for="(item, index) in recommendMusic?.result" :key="item.id">
+        <div
+          :class="setAnimationClass('animate__bounceInUp')"
+          :style="setAnimationDelay(index, 100)"
+        >
+          <song-item :item="item" @play="handlePlay" />
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
+import { useStore } from 'vuex';
+
+import { getRecommendMusic } from '@/api/home';
+import SongItem from '@/components/common/SongItem.vue';
+import type { IRecommendMusic } from '@/type/music';
+import { setAnimationClass, setAnimationDelay } from '@/utils';
+
+const { t } = useI18n();
+const store = useStore();
+// 推荐歌曲
+const recommendMusic = ref<IRecommendMusic>();
+const loading = ref(false);
+
+// 加载推荐歌曲
+const loadRecommendMusic = async () => {
+  loading.value = true;
+  const { data } = await getRecommendMusic({ limit: 10 });
+  recommendMusic.value = data;
+  loading.value = false;
+};
+
+// 页面初始化
+onMounted(() => {
+  loadRecommendMusic();
+});
+
+const handlePlay = () => {
+  store.commit('setPlayList', recommendMusic.value?.result);
+};
+</script>
+
+<style lang="scss" scoped>
+.title {
+  @apply text-lg font-bold mb-4 text-gray-900 dark:text-white;
+}
+.recommend-music {
+  @apply flex-auto;
+  .text-ellipsis {
+    width: 100%;
+  }
+  &-list {
+    @apply rounded-3xl p-2 w-full border border-gray-200 dark:border-gray-700 bg-light dark:bg-black;
+  }
+}
+</style>