feat: tabs adds a variety of style configurations

packages/@core/ui-kit/layout-ui/src/components/layout-sidebar.vue

@@ -267,7 +267,7 @@ function handleMouseleave() {
     <div v-if="slots.logo" :style="headerStyle">
       <slot name="logo"></slot>
     </div>
-    <VbenScrollbar :style="contentStyle">
+    <VbenScrollbar :style="contentStyle" shadow>
       <slot></slot>
     </VbenScrollbar>
 
@@ -297,7 +297,7 @@ function handleMouseleave() {
       <div v-if="!extraCollapse" :style="extraTitleStyle">
         <slot name="extra-title"></slot>
       </div>
-      <VbenScrollbar :style="extraContentStyle" class="py-4">
+      <VbenScrollbar :style="extraContentStyle" class="py-4" shadow>
         <slot name="extra"></slot>
       </VbenScrollbar>
     </div>

packages/@core/ui-kit/layout-ui/src/components/layout-tabbar.vue

@@ -39,8 +39,5 @@ const style = computed((): CSSProperties => {
 <template>
   <section :style="style" class="border-border flex w-full">
     <slot></slot>
-    <div class="flex items-center">
-      <slot name="toolbar"></slot>
-    </div>
   </section>
 </template>