improve: add sourceCard link

src/components/import/sourceCard.svelte

@@ -2,16 +2,21 @@
     export let title: string;
     export let icon: string;
     export let details: string;
+    export let dest: string;
     import Icon from '@iconify/svelte';
 </script>
 
-<div class="flex relative min-h-20 h-fit p-4 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg">
-    <div class="flex flex-col justify-center text-4xl">
-        <Icon icon={icon} />
+<a href={dest}>
+    <div
+        class="cursor-pointer flex relative min-h-20 h-fit p-4 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg"
+    >
+        <div class="flex flex-col justify-center text-4xl">
+            <Icon {icon} />
+        </div>
+
+        <div class="ml-4 flex flex-col justify-center">
+            <h3 class="text-lg font-semibold">{title}</h3>
+            <p>{details}</p>
+        </div>
     </div>
-    
-    <div class="ml-4 flex flex-col justify-center">
-        <h3 class="text-lg font-semibold">{title}</h3>
-        <p>{details}</p>
-    </div>
-</div>
+</a>

src/routes/+layout.svelte

@@ -4,7 +4,7 @@
 
 <div
     class="h-fit min-h-screen w-screen max-w-[100vw] overflow-x-hidden overflow-y-auto 
-    bg-slate-50 dark:bg-[#1f1f1f] text-black dark:text-white"
+    bg-zinc-50 dark:bg-[#1f1f1f] text-black dark:text-white"
 >
     <slot />
 </div>

src/routes/import/+page.svelte

@@ -5,7 +5,7 @@
 
 <h1>导入</h1>
 <p class="leading-10">希望从哪里导入你的歌曲？</p>
-<SourceCard title="本地" details="从本地导入歌曲添加到 AquaVox 的本地音乐库。
+<SourceCard title="本地" dest="/import/local" details="从本地导入歌曲添加到 AquaVox 的本地音乐库。
 音乐文件将保存在浏览器中，因此无法跨浏览器聆听。若希望能在多个设备或浏览器上聆听，请考虑跨设备同步功能。" icon="uil:import" />
-<SourceCard title="哔哩哔哩" details="通过导入哔哩哔哩的公开收藏夹或若干给定BV号的视频，你可以将自己在哔哩哔哩中喜爱的歌曲导入到 AquaVox。
+<SourceCard title="哔哩哔哩" dest="/import/bilibili" details="通过导入哔哩哔哩的公开收藏夹或若干给定BV号的视频，你可以将自己在哔哩哔哩中喜爱的歌曲导入到 AquaVox。
 但需要注意，此选项的可用性无法保证。" icon="ri:bilibili-fill" />