refactor(frontend): finish shadcn→custom primitive migration (green build)

- Remove tw-animate-css import + dead src/components/ui shadcn tree
- Convert 7 orphaned components (moderation, analysis, guild-selector,
  voice/activity-timeline, shared/empty+error) to new primitives
- Add missing moderation/view.tsx; analysis uses SearchPanel directly
- globals.css now uses new signal-driven ops-console tokens
- tsc --noEmit clean, next build green (11 routes), local smoke 200

services/frontend/src/components/primitives/badge.tsx

@@ -0,0 +1,42 @@
+import type { ReactNode } from "react";
+import { cn } from "@/lib/utils";
+
+export type BadgeTone = "signal" | "amber" | "vermilion" | "neutral";
+
+const toneClass: Record<BadgeTone, string> = {
+  signal: "bg-[var(--color-signal)]/15 text-[var(--color-signal)]",
+  amber: "bg-[var(--color-amber)]/15 text-[var(--color-amber)]",
+  vermilion: "bg-[var(--color-vermilion)]/15 text-[var(--color-vermilion)]",
+  neutral: "bg-[var(--color-hairline)] text-[var(--color-ink-soft)]",
+};
+
+export interface BadgeProps {
+  tone?: BadgeTone;
+  children: ReactNode;
+  className?: string;
+  dot?: boolean;
+}
+
+export function Badge({
+  tone = "neutral",
+  children,
+  className,
+  dot,
+}: BadgeProps) {
+  return (
+    <span className={cn("pill", toneClass[tone], className)}>
+      {dot && (
+        <span
+          className={cn(
+            "size-1.5 rounded-full",
+            tone === "signal" && "bg-[var(--color-signal)]",
+            tone === "amber" && "bg-[var(--color-amber)]",
+            tone === "vermilion" && "bg-[var(--color-vermilion)]",
+            tone === "neutral" && "bg-[var(--color-ink-soft)]",
+          )}
+        />
+      )}
+      {children}
+    </span>
+  );
+}