feat(sw): viewer layer bulb, popup toggle switch, footer layout and 1440px story inner

- SW Viewer layer popup: search + 전체 레이어 fixed, only the list scrolls; the all-layers
  control is the SWLayerVisibilityIcon bulb (role="switch"), one light #d2c8b4 line under it.
- Example H and the layer popup AI docs follow the bulb layout (VIEWER, DESIGN_RULES,
  COMPONENT_CATALOG, COMPOSITION_PATTERNS, AI_GUIDE sync).
- Popup toggle switch (Figma toggle_btn_new 633:75188 / 633:75902): one sw.css face for the
  HM UI Switch in SWPopup and SWViewerSwitch in SWViewerPanel; SW Header switches unchanged.
- SW Footer stories: no inner scrollers, fluid screens; workspace fits the viewport.
- SW Footer category tabs keep their positions when selected (divider slots kept, pocket
  edges drawn over the neighbours' padding).
- Storybook .sb-page-inner: 1440px max from 1920px (was 80vw).
- SW Header equal-split change was cancelled; header CSS unchanged.

Verified: check:ai-docs PASS, viewer test 49 PASS (1 FAIL hover face + timeout pre-existing),
footer-design-review 21 PASS, browser checks of switch/footer/inner.
Not verified: footer-popup-viewer-refinement (needs full Storybook build), text-weight/hover
tests, Switch 37x16 AI docs (deferred).

packages/sw/tests/viewer.browser.mjs

@@ -183,14 +183,15 @@ if (comparison.reference) {
   check('collapse hides body', !(await layerPanel.locator('.hm-sw-property__body').isVisible()))
   await title.dblclick({ position: { x: 30, y: 15 } })
   check('title double click expands', await layerPanel.locator('.hm-sw-property__body').isVisible())
-  // Panel content works. 2026-10-22: per-layer bulb buttons (SWLayerVisibilityIcon) + one all-layers switch on top
-  // (ON only when every layer is shown; a partial state reads OFF and a click shows all).
+  // Panel content works. 2026-10-22: per-layer bulb buttons (SWLayerVisibilityIcon) + one all-layers bulb on top
+  // (role="switch"; ON only when every layer is shown; a partial state reads OFF and a click shows all).
   const face = locator => locator.evaluate(element => [getComputedStyle(element).backgroundColor, getComputedStyle(element).color].join(' '))
   const allSwitch = layerPanel.getByRole('switch', { name: '전체 레이어' })
   const switchOn = async () => (await allSwitch.getAttribute('aria-checked')) === 'true'
   const hiddenRows = () => layerPanel.locator('li[data-visible="false"]').count()
   check('layer rows use the header bulb icon', (await layerPanel.locator('li button .hm-sw-header__layer-icon--composite').count()) === (await layerPanel.locator('li').count()) && (await layerPanel.locator('li button svg').count()) === 0)
   check('all-layers switch ON when all shown, no 전체 켜기 / 끄기 buttons', await switchOn() && (await layerPanel.getByRole('button', { name: /전체 (켜기|끄기)/ }).count()) === 0)
+  check('all-layers control is the bulb icon, no SWViewerSwitch', (await allSwitch.locator('.hm-sw-header__layer-icon--composite').count()) === 1 && (await layerPanel.locator('.hm-sw-viewer-switch').count()) === 0)
   await layerPanel.getByRole('button', { name: 'CR-TEXT 숨기기' }).click()
   check('panel content callback', (await log(page)).includes('layer:CR-TEXT=false'))
   check('one layer hidden -> switch OFF (partial)', !(await switchOn()) && (await hiddenRows()) === 1)