Add files via upload

frontend/src/components/UI/Badge.jsx

@@ -0,0 +1,9 @@
+import { STATUS_COLORS, getStatusLabel } from '../../utils/statusHelpers'
+export default function Badge({ status }) {
+  const c = STATUS_COLORS[status] || STATUS_COLORS.upcoming
+  return (
+    <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-semibold border ${c.bg} ${c.text} ${c.border}`}>
+      {getStatusLabel(status)}
+    </span>
+  )
+}