feat(Layout): update IsFixedTab style (#4801)

* refactor: 移除 100% 样式

* refactor: 更新 Layout 样式

* doc: 更新 Menu 组件

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor.scss

@@ -233,10 +233,13 @@
     }
 
     &.is-fixed-tab {
-        .tabs-header {
-            position: sticky;
-            top: var(--bb-layout-header-height);
-            z-index: 5;
+        .tabs {
+            height: calc(var(--bb-layout-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height));
+
+            .tabs-body {
+                height: calc(100% - var(--bb-tabs-item-height));
+                overflow: auto;
+            }
         }
     }
 }

src/BootstrapBlazor/Components/Menu/Menu.razor

@@ -6,11 +6,11 @@
     <CascadingValue Value="this" IsFixed="true">
         @if (IsVertical)
         {
-            <SideMenu Items="@Items" Id="@SideMenuId" class="@SideMenuClassString" OnClick="@OnClickMenu" IsScrollToView="@IsScrollIntoView" />
+            <SideMenu Items="@Items" Id="@SideMenuId" class="@SideMenuClassString" OnClick="@OnClickMenu"></SideMenu>
         }
         else
         {
-            <TopMenu Items="@Items" OnClick="@OnClickMenu" />
+            <TopMenu Items="@Items" OnClick="@OnClickMenu"></TopMenu>
         }
     </CascadingValue>
 </nav>

src/BootstrapBlazor/Components/Tab/Tab.razor.scss

@@ -15,7 +15,6 @@
 
     .tabs-body-content {
         background-color: var(--bs-body-bg);
-        height: 100%;
 
         &.bb-fs-open {
             padding: var(--bb-tabs-body-padding);