add translation for tags

src/styles/components.css

@@ -424,15 +424,29 @@
 
 .metric-card__tag {
   min-width: 0;
-  overflow: hidden;
   color: #e5e7eb;
   font-size: 0.86rem;
   font-weight: 750;
   letter-spacing: 0.025em;
+}
+
+.metric-card__tag span,
+.metric-card__tag small {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.metric-card__tag small {
+  margin-top: 3px;
+  color: var(--muted);
+  font-size: 0.68rem;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 .metric-card__state {
   flex: 0 0 auto;
   padding: 0 8px;

src/styles/detail.css

@@ -343,13 +343,29 @@
   text-align: left;
 }
 
-.tag-select-item span {
+.tag-select-item__name {
+  min-width: 0;
+}
+
+.tag-select-item__name span,
+.tag-select-item__name small {
+  display: block;
+  min-width: 0;
   overflow: hidden;
-  font-size: 0.78rem;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.tag-select-item__name span {
+  font-size: 0.78rem;
+}
+
+.tag-select-item__name small {
+  margin-top: 3px;
+  color: var(--muted);
+  font-size: 0.68rem;
+}
+
 .tag-select-item strong {
   color: #e5e7eb;
   font-size: 0.76rem;