From a611471bdaa6044c16cbf172bb96dcd12dd91b2a Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Thu, 29 Jan 2026 16:37:02 +0100
Subject: [PATCH] ui: centralize ui-badge primitive

---
 .../src/components/ui/DesignSystemStyles.astro    | 15 +++++++++++++++
 frontend/src/pages/dashboard.astro                | 15 ---------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index f5012bc..024b2e1 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -320,6 +320,21 @@
     box-shadow: 0 10px 30px rgba(59, 130, 246, 0.18);
   }
 
+  .ui-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 24px;
+    min-width: 24px;
+    padding: 0 10px;
+    border-radius: 999px;
+    border: 1px solid var(--color-border);
+    background: rgba(255, 255, 255, 0.05);
+    color: var(--color-text);
+    font-size: var(--ui-font-size-xs);
+    font-weight: var(--ui-font-weight-bold);
+  }
+
   :where(input.ui-input, select.ui-select) {
     width: 100%;
     border-radius: var(--radius-md);
diff --git a/frontend/src/pages/dashboard.astro b/frontend/src/pages/dashboard.astro
index 889dcb5..a1f34d0 100644
--- a/frontend/src/pages/dashboard.astro
+++ b/frontend/src/pages/dashboard.astro
@@ -349,21 +349,6 @@ import { API_BASE as apiBase } from '../lib/api';
     min-height: 72px;
   }
 
-  .ui-badge {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 24px;
-    min-width: 24px;
-    padding: 0 10px;
-    border-radius: 999px;
-    border: 1px solid var(--color-border);
-    background: rgba(255, 255, 255, 0.05);
-    color: var(--color-text);
-    font-size: 0.75rem;
-    font-weight: 700;
-  }
-
   .list-item {
     display: flex;
     align-items: center;