CX-10399 : updated tab component to be focused on active tab

[niti-owner]

Description

CX-10399

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots:

Before (If applicable):

After:

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)
• [ ] Documentation update
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Other... Please describe:

Checklist:

• [ ] My code follows the code style of this project.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] I have read the CONTRIBUTING document.
• [ ] I have added tests to cover my changes.
• [ ] All new and existing tests passed.

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 98.76543% with 1 line in your changes missing coverage. Please review.

Project coverage is 94.34%. Comparing base (f1aee7c) to head (638d772).

Files	Patch %	Lines
web-components/src/components/tabs/Tabs.ts	98.76%	1 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1645 +/- ## ========================================== + Coverage 94.19% 94.34% +0.15% ========================================== Files 134 134 Lines 19317 19379 +62 Branches 3002 3022 +20 ========================================== + Hits 18195 18284 +89 + Misses 1122 1095 -27 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.