fix: tabs label text overflow not hidden

src/layout/component/Tabs.vue

@@ -347,7 +347,7 @@ onMounted(() => {
           class="flex items-center py-2.5 pl-4"
           :class="tab.pinned ? 'pr-4' : 'pr-2.5'"
         >
-          <div class="mr-2 grid shrink-0 place-items-center">
+          <div class="mr-2 grid shrink-0 place-items-center overflow-hidden">
             <span :class="tab.icon" />
           </div>
           <NEllipsis :tooltip="showTabTooltip">{{ tab.label }}</NEllipsis>
@@ -408,7 +408,7 @@ onMounted(() => {
               :class="tab.pinned ? 'pr-4' : 'pr-2.5'"
             >
               <div
-                class="flex items-center justify-center gap-x-1.5 transition-[translate] duration-300 ease-naive-bezier"
+                class="flex items-center justify-center gap-x-1.5 overflow-hidden transition-[translate] duration-300 ease-naive-bezier"
                 :class="{
                   'translate-x-2.5': tab.locked || !configureStore.configure.showTabClose,
                   'group-hover:translate-x-0':