Function OptimizedLayout

OptimizedLayout - A wrapper around FlexLayout that renders tab content outside of FlexLayout's DOM structure for better performance.

Key benefits:

1. Tab components are NOT re-rendered when Model changes
2. Tab state (scroll position, form inputs, etc.) is preserved across layout mutations
3. Only CSS properties change when layout changes - no React re-renders

The component works by:

1. Rendering FlexLayout with TabRef placeholders instead of actual tab content
2. TabRef components listen to resize/visibility events from TabNodes
3. A sibling TabContainer renders the actual tab content with absolute positioning
4. During drag operations, TabContainer uses pointer-events: none to prevent interfering with FlexLayout's drag overlay