chore(sw): improve interactive header story preview

docs/sw/storybook-overview-qa/chrome-overlays-result.json

@@ -0,0 +1,104 @@
+{
+  "baseCommit": "50bf5bda8e956a4973b923d64131f2f2285bd38c",
+  "checks": [
+    {
+      "name": "all 28 Story IDs, names, order and tags retained",
+      "status": "PASS"
+    },
+    {
+      "name": "other 27 Story declarations byte-identical",
+      "status": "PASS"
+    },
+    {
+      "name": "package production source untouched",
+      "status": "PASS"
+    },
+    {
+      "name": "document first row is above the property Bar and clickable",
+      "status": "PASS"
+    },
+    {
+      "name": "existing 레이어 상세 reports Callback",
+      "status": "PASS"
+    },
+    {
+      "name": "existing 색상 상세 reports Callback",
+      "status": "PASS"
+    },
+    {
+      "name": "existing 선스타일 상세 reports Callback",
+      "status": "PASS"
+    },
+    {
+      "name": "existing 문자스타일 상세 reports Callback",
+      "status": "PASS"
+    },
+    {
+      "name": "existing 치수스타일 상세 reports Callback",
+      "status": "PASS"
+    },
+    {
+      "name": "ByBlock mode immediately appears in Header without changing numeric RGB property",
+      "status": "PASS"
+    },
+    {
+      "name": "direct color selection clears Header mode label",
+      "status": "PASS"
+    },
+    {
+      "name": "small Inner layer dropdown stays in browser width",
+      "status": "PASS",
+      "data": {
+        "x": 141,
+        "y": 345.0625,
+        "width": 234,
+        "height": 250
+      }
+    },
+    {
+      "name": "small Inner lower layer row hit-test is unobstructed",
+      "status": "PASS"
+    },
+    {
+      "name": "small Inner layer selection or Escape closes only nested dropdown",
+      "status": "PASS"
+    },
+    {
+      "name": "small Inner line dropdown stays in browser width",
+      "status": "PASS",
+      "data": {
+        "x": 186,
+        "y": 39.0625,
+        "width": 189.1875,
+        "height": 342
+      }
+    },
+    {
+      "name": "small Inner line selection or Escape closes only nested dropdown",
+      "status": "PASS"
+    },
+    {
+      "name": "small Inner color dropdown stays in browser width",
+      "status": "PASS",
+      "data": {
+        "x": 175,
+        "y": 377.0625,
+        "width": 192,
+        "height": 182
+      }
+    },
+    {
+      "name": "small Inner color selection or Escape closes only nested dropdown",
+      "status": "PASS"
+    },
+    {
+      "name": "no overlay browser errors",
+      "status": "PASS",
+      "data": []
+    }
+  ],
+  "errors": [],
+  "sizes": [],
+  "browser": "155.0.8059.80",
+  "status": "PASS"
+}