[BUG] fdp-icon-tab-bar is covered by the shadow of the Dynamic Page Subtitle

[karolgromacki]

Is this a bug, enhancement, or feature request?
Bug

Describe your proposal.
When we use dynamic-page-header with fdp-icon-tab-bar, the shadow is above the fdp-icon-tab-bar. I think it's z-index issue.

Here is the previous ticket which changed it:
#12558

Can you handle that on the application side
No

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)
Fundamental: v0.54.2-rc.3
Angular: 18.0.3

components:
DynamicPageComponent, IconTabBarTabComponent

Steps to reproduce:

Open attached stackblitz example.
Observe that fdp-icon-tab-bar is covered by shadow of dynamic page subheader.

Expected behavior:

The shadow of the page's subheader is visible above the table to clearly differentiate the page header from the content.
But there should be no shadow when the fdp-icon-tab-bar is below to create a seamless header section.

Please provide stackblitz example(s).
https://stackblitz.com/edit/5rvehh-9tadwx

Please see attached screenshots:

Did you check the documentation and the API?
Yes

Did you search for similar issues?
Yes