fixed invalid post title breaking links

frontend/src/pages/feed.xml.ts

@@ -51,7 +51,7 @@ export const GET: APIRoute = async ({ site }) => {
   const items = posts
     .filter(p => !p.draft)
     .map(p => {
-      const url = `${origin}/posts/${p.slug}`;
+      const url = `${origin}/posts/${encodeURIComponent(p.slug)}`;
       const description = p.summary || p.excerpt || '';
       const pubDate = new Date(p.date).toUTCString();
       const categories = p.tags.map(t => `      <category>${escapeXml(t)}</category>`).join('\n');

frontend/src/pages/posts/[slug].astro

@@ -24,7 +24,7 @@ let html = '';
 let error = '';
 
 try {
-  const response = await fetch(`${API_URL}/api/posts/${slug}`);
+  const response = await fetch(`${API_URL}/api/posts/${encodeURIComponent(slug ?? '')}`);
   if (response.ok) {
     post = await response.json();
     html = renderMarkdown(post!.content);
@@ -98,7 +98,7 @@ const isAdmin = Astro.cookies.get('admin_session')?.value === '1';
             </div>
             <a
               id="edit-link"
-              href={`/admin/editor?edit=${post.slug}`}
+              href={`/admin/editor?edit=${encodeURIComponent(post.slug)}`}
               class={`bg-surface0 hover:bg-surface1 text-blue px-3 py-1.5 md:px-4 md:py-2 rounded border border-surface1 transition-colors inline-flex items-center gap-2 text-sm md:text-base self-start ${isAdmin ? '' : 'hidden'}`}
             >
               <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="md:w-4 md:h-4"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>