Add data library UI

frontend/src/components/SourceBadge.tsx

@@ -0,0 +1,28 @@
+type Source = 'local' | 'partial' | 'none'
+
+interface Props {
+  source: Source
+  label?: string
+}
+
+export function SourceBadge({ source, label }: Props) {
+  switch (source) {
+    case 'local':
+      return <span className="badge badge-local">{label ?? 'Local'}</span>
+    case 'partial':
+      return <span className="badge badge-partial">{label ?? 'Partial'}</span>
+    default:
+      return <span className="badge badge-none">{label ?? 'None'}</span>
+  }
+}
+
+export function weekendStatusLabel(source: Source): string {
+  switch (source) {
+    case 'local':
+      return 'Full'
+    case 'partial':
+      return 'Partial'
+    default:
+      return 'Missing'
+  }
+}