fix(design): a toggle is pressed, never a bare aria-pressed; static labels are flat Badges with a tone, edged label spans lint-refused (E28)

frontend/src/components/Channels.tsx

@@ -10,6 +10,7 @@ import { notifyYouTubeActionError } from "../lib/youtubeErrors";
 import { accountKey, LS } from "../lib/storage";
 import { buildChannelColumns, applySyncFilter } from "./channelColumns";
 import { notify } from "../lib/notifications";
+import { Badge } from "./ui/Badge";
 import { Button } from "./ui/Button";
 import Tooltip from "./ui/Tooltip";
 import DataTable from "./ui/DataTable";
@@ -538,10 +539,10 @@ export default function Channels() {
               {visibleSuggestions.length > 0 && (
                 <div className="shrink-0 flex items-center gap-1.5">
                   <Tooltip hint={t("channels.tags.suggestionsHint")}>
-                    <span className="inline-flex items-center gap-1 rounded-lg border border-dashed border-accent/50 px-2 py-1 text-xs text-accent/90">
-                      <Sparkles className="h-3 w-3" />
+                    <Badge tone="accent">
+                      <Sparkles />
                       {t("channels.tags.suggestionsCount", { count: visibleSuggestions.length })}
-                    </span>
+                    </Badge>
                   </Tooltip>
                   {highConfidence.length > 0 && (
                     <Button variant="outline" size="xs" onClick={acceptAllHighConfidence}>