fix(AnalyticalTable): fix focus behavior when tabbing (#7063)

Fixes #7062

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -3013,17 +3013,22 @@ describe('AnalyticalTable', () => {
     cy.focused().parent().should('have.attr', 'ui5-button');
 
     cy.mount(
-      <AnalyticalTable
-        data={generateMoreData(50)}
-        columns={columns}
-        selectionMode={AnalyticalTableSelectionMode.Multiple}
-      />
+      <>
+        <AnalyticalTable
+          data={generateMoreData(50)}
+          columns={columns}
+          selectionMode={AnalyticalTableSelectionMode.Multiple}
+        />
+        <button>Interactive Element</button>
+      </>
     );
 
     cy.findByText('Name-0').should('be.visible');
     cy.window().focus();
     cy.realPress('Tab');
     cy.focused().should('have.attr', 'data-row-index', '0').should('have.attr', 'data-column-index', '1');
+    cy.realPress('Tab');
+    cy.focused().should('have.text', 'Interactive Element');
 
     cy.mount(
       <AnalyticalTable

packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBodyContainer.tsx

@@ -122,6 +122,7 @@ export const VirtualTableBodyContainer = (props: VirtualTableBodyContainerProps)
         width: `${totalColumnsWidth}px`
       }}
       data-component-name="AnalyticalTableBody"
+      tabIndex={-1}
     >
       {isMounted && children}
     </div>

packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx

@@ -68,6 +68,7 @@ export const VerticalScrollbar = forwardRef<HTMLDivElement, VerticalScrollbarPro
         onScroll={handleVerticalScrollBarScroll}
         className={clsx(classNames.scrollbar, nativeScrollbar && 'ui5-content-native-scrollbars')}
         data-component-name="AnalyticalTableVerticalScrollbar"
+        tabIndex={-1}
       >
         <div
           ref={scrollElementRef}