fix: sidebar menu text overflow (#3626)

packages/core/client/src/application/schema-initializer/components/SchemaInitializerButton.tsx

@@ -28,7 +28,18 @@ export const SchemaInitializerButton: FC<SchemaInitializerButtonProps> = React.m
       icon={typeof options.icon === 'string' ? <Icon type={options.icon as string} /> : options.icon}
       {...others}
     >
-      {compile(options.title)}
+      <span
+        style={{
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap',
+          display: 'inline-block',
+          width: options.icon ? 'calc(100% - 14px)' : '100%',
+          verticalAlign: 'bottom',
+        }}
+      >
+        {compile(options.title)}
+      </span>
     </Button>
   );
 });

packages/core/client/src/modules/menu/menuItemInitializer.tsx

@@ -8,6 +8,9 @@ export const menuItemInitializer = new SchemaInitializer({
   insertPosition: 'beforeEnd',
   icon: 'PlusOutlined',
   title: '{{t("Add menu item")}}',
+  style: {
+    width: '100%',
+  },
   items: [
     {
       name: 'group',