refactor(tags): centralize tag slug logic in client-safe util

components/posts/PostSearch.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useMemo, useState } from 'react'
+import { tagToSlug } from '@/lib/tags'
 import { PostCard } from './PostCard'
 
 type SearchPost = {
@@ -37,15 +38,6 @@ const normalizeSearchText = (value: string): string =>
     .toLowerCase()
     .trim()
 
-const tagToClientSlug = (tag: string): string =>
-  normalizeSearchText(tag)
-    .replace(/\+/g, ' plus ')
-    .replace(/#/g, ' sharp ')
-    .replace(/[\\/]+/g, ' ')
-    .replace(/[^\p{L}\p{N}]+/gu, '-')
-    .replace(/-{2,}/g, '-')
-    .replace(/^-|-$/g, '')
-
 const getOrderedCharacterScore = (field: string, query: string): number => {
   if (!query) return 0
 
@@ -100,7 +92,7 @@ const getTagFilters = (posts: SearchPost[]): TagFilter[] => {
     const postTags = new Set<string>()
 
     post.tags.forEach((tag) => {
-      const slug = tagToClientSlug(tag)
+      const slug = tagToSlug(tag)
       if (!slug || postTags.has(slug)) return
 
       postTags.add(slug)
@@ -130,7 +122,7 @@ export function PostSearch({ posts }: PostSearchProps) {
 
   const results = useMemo(() => {
     const scoredPosts = posts.reduce<ScoredPost[]>((matches, post, index) => {
-      if (selectedTag && !post.tags.some((tag) => tagToClientSlug(tag) === selectedTag)) {
+      if (selectedTag && !post.tags.some((tag) => tagToSlug(tag) === selectedTag)) {
         return matches
       }