Erstes lauffähiges Grundgerüst: Monorepo, Fastify-API, React-Startseite, Docker

packages/ui/src/StatusBadge.tsx

@@ -0,0 +1,21 @@
+export interface StatusBadgeProps {
+  online: boolean;
+  label?: string;
+}
+
+/**
+ * Kleiner Statuspunkt (online/offline), z. B. für den Backend-Health-Check
+ * oder später für einzelne Dienste.
+ */
+export function StatusBadge({ online, label }: StatusBadgeProps) {
+  return (
+    <span className="inline-flex items-center gap-2 text-sm text-black/60 dark:text-white/60">
+      <span
+        className={`h-2 w-2 rounded-full ${
+          online ? "bg-emerald-500" : "bg-red-500"
+        }`}
+      />
+      {label ?? (online ? "Online" : "Offline")}
+    </span>
+  );
+}