Improve package usage visibility

resources/js/admin/mobile/components/Primitives.tsx

@@ -34,7 +34,7 @@ export function PillBadge({
   tone = 'muted',
   children,
 }: {
-  tone?: 'success' | 'warning' | 'muted';
+  tone?: 'success' | 'warning' | 'danger' | 'muted';
   children: React.ReactNode;
 }) {
   const { theme } = useAdminTheme();
@@ -49,6 +49,11 @@ export function PillBadge({
       text: String(theme.yellow11?.val ?? '#92400e'),
       border: String(theme.yellow6?.val ?? '#fef3c7'),
     },
+    danger: {
+      bg: String(theme.red3?.val ?? '#FEE2E2'),
+      text: String(theme.red11?.val ?? '#B91C1C'),
+      border: String(theme.red6?.val ?? '#FCA5A5'),
+    },
     muted: {
       bg: String(theme.gray3?.val ?? '#f3f4f6'),
       text: String(theme.gray11?.val ?? '#374151'),