feat(sw): implement SW header design system

docs/sw/detail-button-qa/preservation-result.json

@@ -0,0 +1,114 @@
+{
+  "mode": "preservation",
+  "browser": "155.0.8059.79",
+  "checks": [
+    {
+      "name": "required responsive width 390",
+      "status": "PASS",
+      "data": {
+        "height": 49,
+        "overflow": 0,
+        "documentOverflow": 0
+      }
+    },
+    {
+      "name": "required responsive width 768",
+      "status": "PASS",
+      "data": {
+        "height": 49,
+        "overflow": 0,
+        "documentOverflow": 0
+      }
+    },
+    {
+      "name": "required responsive width 1280",
+      "status": "PASS",
+      "data": {
+        "height": 49,
+        "overflow": 0,
+        "documentOverflow": 0
+      }
+    },
+    {
+      "name": "required responsive width 1440",
+      "status": "PASS",
+      "data": {
+        "height": 49,
+        "overflow": 0,
+        "documentOverflow": 0
+      }
+    },
+    {
+      "name": "preserve property panel none",
+      "status": "PASS",
+      "data": {
+        "x": 360,
+        "y": 204.5,
+        "width": 314,
+        "height": 256
+      }
+    },
+    {
+      "name": "preserve property panel all",
+      "status": "PASS",
+      "data": {
+        "x": 360,
+        "y": 204.5,
+        "width": 314,
+        "height": 361
+      }
+    },
+    {
+      "name": "preserve property panel circle",
+      "status": "PASS",
+      "data": {
+        "x": 360,
+        "y": 204.5,
+        "width": 314,
+        "height": 658
+      }
+    },
+    {
+      "name": "preserve property panel expanded",
+      "status": "PASS",
+      "data": {
+        "x": 360,
+        "y": 204.5,
+        "width": 314,
+        "height": 754
+      }
+    },
+    {
+      "name": "preserve window motion 1400ms",
+      "status": "PASS"
+    },
+    {
+      "name": "window motion leave clears animations",
+      "status": "PASS"
+    },
+    {
+      "name": "preserve K guide animation",
+      "status": "PASS"
+    },
+    {
+      "name": "K guide leave closes",
+      "status": "PASS"
+    },
+    {
+      "name": "preserve Colorize size",
+      "status": "PASS"
+    },
+    {
+      "name": "preserve editable Input",
+      "status": "PASS"
+    },
+    {
+      "name": "no browser errors",
+      "status": "PASS",
+      "data": []
+    }
+  ],
+  "errors": [],
+  "styles": {},
+  "status": "PASS"
+}