fix(blog): resolve 'Missing parameter: tag' deployment error

- feat: add [slugifyTag](cci:1://file:///Volumes/DATA/Astro/astro-batavia/src/i18n/utils.ts:86:0-95:1) utility to handle special characters (e.g., CI/CD) in tags
- fix: ensure `getStaticPaths` generates valid, single-segment slugs for tags
- fix: update tag links in `BlogCard` and `BlogPost` to use consistent slugification

Author: leonism

src/components/blog/BlogCard.astro

@@ -1,6 +1,6 @@
 ---
 import type { CollectionEntry } from "astro:content";
-import { formatDate, useTranslations, getPostUrl, getLocalizedPath } from "@/i18n/utils";
+import { formatDate, useTranslations, getPostUrl, getLocalizedPath, slugifyTag } from "@/i18n/utils";
 import type { ui } from "@/i18n/ui";
 
 export interface Props {
@@ -71,7 +71,7 @@ const excerptClasses = [
       <div class={`flex flex-wrap gap-2 mb-3 ${isFeatured ? "md:mb-4" : ""}`} role="group" aria-label="Post tags">
         {post.data.tags.slice(0, 3).map((tag: string) => (
           <a
-            href={getLocalizedPath(`/blog/tags/${tag.toLowerCase().replace(/\s+/g, '-')}`, lang)}
+            href={getLocalizedPath(`/blog/tags/${slugifyTag(tag)}`, lang)}
             class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-200 hover:bg-primary-200 dark:hover:bg-primary-800 transition-colors duration-200"
           >
             #{tag}

src/i18n/utils.ts

@@ -83,3 +83,14 @@ export function getAvailableLanguages() {
 export function isValidLanguage(lang: string): lang is keyof typeof ui {
   return lang in ui;
 }
+
+export function slugifyTag(tag: string) {
+  return tag
+    .toLowerCase()
+    .replace(/\s+/g, '-')
+    .replace(/\//g, '-')
+    .replace(/[^\w-]+/g, '')
+    .replace(/--+/g, '-')
+    .replace(/^-+/, '')
+    .replace(/-+$/, '');
+}

src/layouts/BlogPost.astro

@@ -4,7 +4,7 @@ import Layout from './Layout.astro';
 import Picture from '@/components/ui/Picture.astro';
 import BlogPostNavigation from '@/components/navigation/BlogPostNavigation.astro';
 import ShareButtons from '@/components/blog/ShareButtons.astro';
-import { formatDate, getLangFromUrl, useTranslations, getLocalizedPath, getPostUrl } from '@/i18n/utils';
+import { formatDate, getLangFromUrl, useTranslations, getLocalizedPath, getPostUrl, slugifyTag } from '@/i18n/utils';
 import RelatedArticles from '@/components/blog/RelatedArticles.astro';
 import TableOfContents from '@/components/blog/TableOfContents.astro';
 
@@ -169,7 +169,7 @@ const relatedPosts = allLangPosts
             <div class="flex flex-wrap gap-2">
               {tags.map((tag: string) => (
                 <a
-                  href={getLocalizedPath(`/blog/tags/${tag.toLowerCase().replace(/\s+/g, '-')}`, lang)}
+                  href={getLocalizedPath(`/blog/tags/${slugifyTag(tag)}`, lang)}
                   class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-200 hover:bg-primary-200 dark:hover:bg-primary-800 transition-colors duration-200"
                 >
                   #{tag}

src/pages/[lang]/blog/tags/[tag].astro

@@ -2,7 +2,7 @@
 import { getCollection, type CollectionEntry } from 'astro:content';
 import Layout from '@/layouts/Layout.astro';
 import BlogCard from '@/components/blog/BlogCard.astro';
-import { useTranslations } from '@/i18n/utils';
+import { useTranslations, slugifyTag } from '@/i18n/utils';
 import { ui } from '@/i18n/ui';
 
 export async function getStaticPaths() {
@@ -15,7 +15,7 @@ export async function getStaticPaths() {
     validTags.map(tag => ({
       params: {
         lang,
-        tag: tag.toLowerCase().replace(/\s+/g, '-')
+        tag: slugifyTag(tag)
       },
       props: { tag }
     }))
@@ -31,7 +31,7 @@ const posts = await getCollection('blog', ({ id, data }: CollectionEntry<'blog'>
   if (!id.startsWith(`${lang}/`) || data.draft) return false;
   if (!data.tags) return false;
 
-  return data.tags.some(t => t.toLowerCase().replace(/\s+/g, '-') === Astro.params.tag);
+  return data.tags.some(t => slugifyTag(t) === Astro.params.tag);
 });
 
 // Sort posts by publication date (newest first)

src/pages/en/blog/tags/[tag].astro

@@ -2,15 +2,15 @@
 import { getCollection, type CollectionEntry } from 'astro:content';
 import Layout from '@/layouts/Layout.astro';
 import BlogCard from '@/components/blog/BlogCard.astro';
-import { useTranslations } from '@/i18n/utils';
+import { useTranslations, slugifyTag } from '@/i18n/utils';
 
 export async function getStaticPaths() {
   const allPosts = await getCollection('blog');
   const uniqueTags = [...new Set(allPosts.flatMap(post => post.data.tags || []))];
   const validTags = uniqueTags.filter(tag => tag && tag.trim().length > 0);
 
   return validTags.map(tag => ({
-    params: { tag: tag.toLowerCase().replace(/\s+/g, '-') },
+    params: { tag: slugifyTag(tag) },
     props: { tag }
   }));
 }
@@ -25,7 +25,7 @@ const posts = await getCollection('blog', ({ id, data }: CollectionEntry<'blog'>
   if (!data.tags) return false;
 
   // Check if any tag matches the slugified version (in case of case sensitivity or spaces)
-  return data.tags.some(t => t.toLowerCase().replace(/\s+/g, '-') === Astro.params.tag);
+  return data.tags.some(t => slugifyTag(t) === Astro.params.tag);
 });
 
 // Sort posts by publication date (newest first)