feat(settings): surface GitHub connection needs_reauth/revoked

apps/next/src/components/spoons/spoon-status-badge.tsx

@@ -13,6 +13,7 @@ const labels: Record<string, string> = {
   checking: 'Checking',
   conflict: 'Conflict',
   error: 'Error',
+  rate_limited: 'Rate limited',
   unknown: 'Unknown',
   active: 'Active',
   draft: 'Draft',
@@ -35,10 +36,16 @@ const variants: Record<
   active: 'default',
 };
 
+// Warning-tone statuses that need an amber accent the base variants don't
+// provide. Matches the app's existing amber warning styling.
+const classNames: Record<string, string> = {
+  rate_limited: 'border-amber-500/40 bg-amber-500/10 text-amber-700',
+};
+
 export const SpoonStatusBadge = ({ status }: { status?: Status }) => {
   const value = status ?? 'unknown';
   return (
-    <Badge variant={variants[value] ?? 'outline'}>
+    <Badge variant={variants[value] ?? 'outline'} className={classNames[value]}>
       {labels[value] ?? value.replaceAll('_', ' ')}
     </Badge>
   );