fix(quality-badge): tighten framed-badge right gutter from 8px to 4px

Visual check on real cards showed 8px was overcorrecting — the framed
icon ended further left than the visible Hi-Res mark instead of at
the same X. Halving the gutter lands closer to where the SVG's
transparent right space actually ends.

cc

src/lib/components/QualityBadgeStatic.svelte

@@ -253,7 +253,7 @@
   .quality-badge.icon-only-framed {
     width: 30px;
     height: 30px;
-    margin-right: 8px;
+    margin-right: 4px;
     background: var(--alpha-8, rgba(255, 255, 255, 0.06));
     border: 1px solid var(--alpha-12, rgba(255, 255, 255, 0.1));
     border-radius: 3px;