fix: touch targets and severity badge vertical alignment

- Sidebar agent links: py-2 → py-3 (32px → 40px touch target)
- Sidebar tag links: py-2 → py-3
- "All agents/tags →" links: add py-2 (was ~12px, now ~28px)
- Severity badge: add leading-none to collapse inline-flex line-height
  and fix vertical misalignment caused by text-[9px] vs text-xs
  separators in the same flex row

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: royalpinto007

app/(public)/page.tsx

@@ -436,15 +436,15 @@ export default function HomePage({ searchParams }: PageProps) {
                 <Link
                   key={slug}
                   href={`/agent/${slug}`}
-                  className="flex items-center justify-between py-2 font-mono text-xs text-text-secondary transition-colors hover:text-text-primary"
+                  className="flex items-center justify-between py-3 font-mono text-xs text-text-secondary transition-colors hover:text-text-primary"
                 >
                   <span>{name}</span>
                   <span className="text-text-tertiary">→</span>
                 </Link>
               ))}
               <Link
                 href="/agent"
-                className="mt-1 block font-mono text-[10px] uppercase tracking-wider text-text-tertiary hover:text-accent-red"
+                className="mt-1 block py-2 font-mono text-[10px] uppercase tracking-wider text-text-tertiary hover:text-accent-red"
               >
                 All agents →
               </Link>
@@ -461,14 +461,14 @@ export default function HomePage({ searchParams }: PageProps) {
                 <Link
                   key={slug}
                   href={`/tag/${slug}`}
-                  className="block py-2 font-mono text-xs text-text-secondary transition-colors hover:text-accent-red"
+                  className="block py-3 font-mono text-xs text-text-secondary transition-colors hover:text-accent-red"
                 >
                   #{slug}
                 </Link>
               ))}
               <Link
                 href="/tag"
-                className="mt-1 block font-mono text-[10px] uppercase tracking-wider text-text-tertiary hover:text-accent-red"
+                className="mt-1 block py-2 font-mono text-[10px] uppercase tracking-wider text-text-tertiary hover:text-accent-red"
               >
                 All tags →
               </Link>

components/post/PostCard.tsx

@@ -77,7 +77,7 @@ export function PostCard({ post, commentCount }: PostCardProps) {
               </Link>
               <span className="shrink-0 text-border-strong text-xs">·</span>
               <span
-                className={`inline-flex shrink-0 items-center gap-1 font-mono text-[9px] uppercase tracking-widest ${post.damageLevel >= 4 ? "text-accent-red-muted" : "text-text-tertiary"}`}
+                className={`inline-flex shrink-0 items-center gap-1 font-mono text-[9px] leading-none uppercase tracking-widest ${post.damageLevel >= 4 ? "text-accent-red-muted" : "text-text-tertiary"}`}
               >
                 <span
                   className={`inline-block h-1.5 w-1.5 rounded-full ${SEVERITY_COLOR[post.damageLevel]}`}