polish(layout): tidy filter header + sync status at higher browser zoom

- Filter header: show the active-filter count as a compact number pill instead of
  '{n} active' text, and keep the action buttons on one line (shrink-0 + nowrap) so
  nothing truncates or wraps in a narrow / zoomed-in sidebar (e.g. 125% browser zoom).
- Sync status: anchor the 'all synced' state with a small check icon so it no longer
  reads as orphaned text at the top of the nav rail.

frontend/src/components/SyncStatus.tsx

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import { Clock, Database, History, Loader2, Pause, Play } from "lucide-react";
+import { CheckCircle2, Clock, Database, History, Loader2, Pause, Play } from "lucide-react";
 import { api, type MyStatus } from "../lib/api";
 import { formatViews } from "../lib/format";
 import Tooltip from "./Tooltip";
@@ -75,7 +75,11 @@ export default function SyncStatus({
       {t("header.sync.recentQueued", { count: syncing })}
     </span>
   ) : (
-    <span>{t("header.sync.allSynced")}</span>
+    // A small check anchors the "all synced" state so it doesn't read as orphaned text.
+    <span className="flex items-center gap-1 text-emerald-500">
+      <CheckCircle2 className="w-3.5 h-3.5" />
+      <span className="text-muted">{t("header.sync.allSynced")}</span>
+    </span>
   );
 
   const pauseBtn = isAdmin && (data.paused || syncing > 0 || notFull > 0) && (