test(web): restore config layout appearance contract

Author: bobleer

src/web-ui/src/infrastructure/config/components/common/ConfigPageLayout.test.tsx

@@ -120,7 +120,7 @@ describe('ConfigPageLayout', () => {
     expect(row?.querySelector('.bitfun-config-page-row__control')).toBeNull();
   });
 
-  it('preserves design-system component ownership while forwarding feature-owned parts', () => {
+  it('forwards feature-owned layout contracts while preserving nested design-system ownership', () => {
     act(() => {
       root.render(
         <ConfigPageLayout
@@ -150,8 +150,8 @@ describe('ConfigPageLayout', () => {
     const contentElement = container.querySelector('[data-testid="feature-content"]');
     const sectionElement = container.querySelector('[data-testid="feature-section"]');
 
-    expect(rootElement?.getAttribute('data-bf-component')).toBe('scroll-area');
-    expect(rootElement?.getAttribute('data-bf-part')).toBe('viewport');
+    expect(rootElement?.getAttribute('data-bf-component')).toBe('model-settings');
+    expect(rootElement?.getAttribute('data-bf-part')).toBe('root');
     expect(contentElement?.getAttribute('data-bf-component')).toBe('model-settings');
     expect(contentElement?.getAttribute('data-bf-part')).toBe('providerSelection');
     expect(sectionElement?.getAttribute('data-bf-component')).toBe('form-section');

src/web-ui/src/infrastructure/config/components/common/ConfigPageLayout.tsx

@@ -16,12 +16,7 @@ export const ConfigPageLayout: React.FC<ConfigPageLayoutProps> = ({
   ...props
 }) => {
   return (
-    <ScrollArea
-      className={`bitfun-config-page-layout ${className}`}
-      {...props}
-      data-bf-component="scroll-area"
-      data-bf-part="viewport"
-    >
+    <ScrollArea className={`bitfun-config-page-layout ${className}`} data-bf-component="config" data-bf-part="root" {...props}>
       {children}
       {/* Real DOM spacer: keeps a guaranteed blank tail at the end of the scroll range. */}
       <div className="bitfun-config-page-layout__scroll-end-spacer" aria-hidden="true" />