Fix: Add truncate for items in sidebar (#3510)

packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue

@@ -20,7 +20,7 @@
         >
           <slot name="title-icon"></slot>
         </div>
-        <div class="flex flex-1 items-center justify-between">
+        <div class="flex flex-1 items-center justify-between truncate">
           <h6 class="font-semibold text-foreground-2 truncate text-body-2xs">
             {{ title }}
           </h6>
@@ -33,7 +33,7 @@
         <div v-if="$slots['title-icon']" class="flex items-center justify-center">
           <slot name="title-icon"></slot>
         </div>
-        <div class="flex flex-1 items-center justify-between">
+        <div class="flex flex-1 items-center justify-between truncate">
           <h6 class="font-semibold text-foreground-2 truncate text-body-2xs">
             {{ title }}
           </h6>