ROU-11295: Fix Tabs issue where getting focused while entering the screen

[gnbm]

What was happening

• When entering a screen, the Tabs component received focus unexpectedly when navigating to a screen.
  This occurred when having content positioned above the Tabs causing the page to scroll and bringing the Tabs into focus.

TabsIssue.mp4

What was done

• A new validation was added to make sure the logic for focusing Tabs headers only happens once Tabs are built.
• Fixed a Snyk finding where we should be using Number.isNaN(...) instead of isNaN(...).

Test Steps

1. Go to sample screen 1 by clicking on a link from the home screen
2. Check that the screen remains at the top
3. Scroll down to the Tabs
4. Change to another Tab by clicking on the header
5. Check that the tab that was opened got focused as expected
6. Clicking on a button calling the client action SetActiveTab
7. Check that the target tab that was opened got focused as expected

Note: tests should be performed on a web browser, iOS (native build + PWA) and Android (native build + PWA)

Screenshots

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud