fix: use id instead of slug for guides

src/pages/guide/[id].astro

@@ -1,13 +1,13 @@
 ---
 import { getCollection } from 'astro:content'
 
-import ArticleLayout from '../../layouts/ArticleLayout.astro'
+import ArticleLayout from '@/layouts/ArticleLayout.astro'
 
 export async function getStaticPaths() {
     const guides = await getCollection('guides')
 
     return guides.map(entry => ({
-        params: { id: entry.slug },
+        params: { id: entry.data.id },
         props: { entry },
     }))
 }

src/pages/guide/index.astro

@@ -13,7 +13,7 @@ const guides = await getCollection('guides')
             guides.toReversed().map(guide => (
                 <div class="card">
                     <div class="title">
-                        <a href={`/guide/${guide.slug}`}>{guide.data.title}</a>
+                        <a href={`/guide/${guide.data.id}`}>{guide.data.title}</a>
                     </div>
                     <div class="text">{guide.data.description}</div>
                     <div class="tags">