fix(combobox): undo shadow-clip SCSS changes on shrunk menu

Author: yordan-st

packages/pluggableWidgets/combobox-web/openspec/changes/fix-combobox-menu-jump/proposal.md

@@ -48,12 +48,6 @@ column` and is the element floating-ui height-caps. `.widget-combobox-menu-list`
   `margin: 4px 0`, `width: 100%`, `left: unset` from `.widget-combobox-menu` - these fight
   the inline styles floating-ui writes (the `margin` in particular caused a residual
   offset). The 4px gap is preserved via `offset(4)`.
-- **Clip the shrunk menu's inner shadow**: `.widget-combobox-menu` gets `overflow: hidden`
-  and drops its top `padding` + the `.widget-combobox-menu-list:last-child` `margin-bottom`.
-  Once the list scrolls inside a shrunk wrapper, the old outer padding/margin left the
-  inner scroll shadow with a ~1px offset at the top and bottom, and without clipping the
-  shadow overflowed the rounded wrapper. `overflow: hidden` clips it to the border radius
-  and removing the padding/margin removes the offset.
 - **alwaysOpen (`keepMenuOpen`) unchanged in behavior**: this mode renders inline with
   `position: relative` and must NOT use floating positioning. Both selections call
   `useFloatingMenu(alwaysOpen ? false : isOpen)` and the wrapper attaches no floating ref /

packages/pluggableWidgets/combobox-web/openspec/changes/fix-combobox-menu-jump/tasks.md

@@ -42,9 +42,6 @@
       `margin: 4px 0`, `width: 100%`, `left: unset`; add `display: flex; flex-direction: column`
 - [x] 3.3 SCSS `.widget-combobox-menu-list`: `max-height: 320px` → `max-height: 100%; flex: 1;
 min-height: 0` so the list fills + scrolls within the (shrunk) wrapper
-- [x] 3.4 SCSS `.widget-combobox-menu`: add `overflow: hidden`, remove the top `padding` and the
-      `.widget-combobox-menu-list:last-child` `margin-bottom` so the inner scroll shadow is
-      clipped to the rounded wrapper and no longer has a ~1px top/bottom offset when shrunk
 
 ## 4. Verification
 

packages/pluggableWidgets/combobox-web/src/ui/Combobox.scss

@@ -29,7 +29,7 @@ $cb-skeleton-dark: #d2d2d2;
         display: flex;
         flex-direction: column;
         border-radius: var(--dropdown-border-radius, $cb-menu-border-radius);
-        overflow: hidden;
+        padding: var(--dropdown-outer-padding, $cb-menu-outer-padding) 0 0;
         z-index: 25;
         box-shadow: 0px 0px var(--dropdown-outer-padding, $cb-menu-outer-padding) 0px
             var(--shadow-color-border, $cb-box-shadow-color);
@@ -44,6 +44,9 @@ $cb-skeleton-dark: #d2d2d2;
             min-height: 0;
             max-height: 100%;
             overflow-y: auto;
+            &:last-child {
+                margin-bottom: var(--dropdown-outer-padding, $cb-menu-outer-padding);
+            }
         }
         &-lazy-scroll {
             background: