feat(ObjectPageSection): add tabRef prop

Author: Lukas742

packages/main/src/components/ObjectPage/index.tsx

@@ -698,6 +698,7 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
               return (
                 <Tab
                   key={`Anchor-${section.props?.id}`}
+                  ref={section.props.tabRef}
                   data-index={index}
                   data-section-id={section.props.id}
                   text={section.props.titleText}

packages/main/src/components/ObjectPageSection/index.tsx

@@ -3,9 +3,10 @@
 import type TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js';
 import { useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import { forwardRef } from 'react';
 import type { CommonProps } from '../../types/index.js';
+import type { TabDomRef } from '../../webComponents/Tab/index.js';
 import { classNames, styleData } from './ObjectPageSection.module.css.js';
 
 export interface ObjectPageSectionPropTypes extends CommonProps {
@@ -54,6 +55,12 @@ export interface ObjectPageSectionPropTypes extends CommonProps {
    * __Note__: Although this prop accepts all HTML Elements, it is strongly recommended that you only use non-focusable elements to preserve the intended design.
    */
   header?: ReactNode;
+  // the ref is applied in the ObjectPage
+  /**
+   * This ref will be attached to the underlying `ui5-tab` DOM element,
+   * allowing direct access to its instance methods and properties (e.g. `getDomRefInStrip`).
+   */
+  tabRef?: Ref<TabDomRef>;
 }
 
 /**